section#hero{background-color:var(--color-background);padding:var(--spacing-xl) 0;transition:background-color var(--transition-normal)}.learning-hub-dashboard{gap:var(--spacing-lg);flex-direction:column;width:100%;display:flex}.content-sections{max-width:1280px;padding:0 var(--spacing-md);gap:var(--spacing-md);flex-direction:column;margin:0 auto;display:flex}.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);max-width:100%;overflow:hidden}.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);justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.header-content{flex:1;min-width:0}.header-actions{align-items:center;gap:var(--spacing-xs);flex-shrink:0;display:flex}.compact-action-btn{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-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;border:none;line-height:1.2;transition:all .2s;display:flex}.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);color:var(--color-on-surface);margin:0;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{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-wrap:wrap;align-items:center;display:flex}.category-button{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-surface-variant);color:var(--color-on-surface-variant);border-radius:var(--border-radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;border:none;line-height:1.2;transition:all .2s}.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-radius:var(--border-radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;border:none;margin-left:auto;line-height:1.2;transition:all .2s}.reset-button:hover{background-color:var(--color-error);color:var(--color-on-error)}@media (width<=768px){.content-sections{padding:0 var(--spacing-sm);gap:var(--spacing-sm)}.section-header{align-items:flex-start;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);flex-direction:column}.header-content{width:100%}.header-actions{justify-content:flex-start;width:100%}.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{padding-bottom:var(--spacing-xs);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);flex-wrap:nowrap;overflow-x:auto}.categories-row::-webkit-scrollbar{display:none}.category-button{scroll-snap-align:start;font-size:var(--font-size-xs);flex:none}.reset-button{scroll-snap-align:end;font-size:var(--font-size-xs);flex:none}}.loading-container{padding:var(--spacing-xxl) var(--spacing-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.loading-spinner{border:3px solid var(--color-surface-container-high);border-top:3px solid var(--color-primary);width:40px;height:40px;margin-bottom:var(--spacing-md);border-radius:50%;animation:1s linear infinite spin}@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}