.step-description{margin-bottom:var(--space-md)}.step-description h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-default);margin:0 0 var(--space-xs) 0}.step-description p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-loose)}.choose-type-step{display:flex;flex-direction:column;gap:var(--space-md)}@media (max-width:768px){.choose-type-step{gap:var(--space-sm)}}.template-info-container{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-md)}.template-info-container__content{display:flex;align-items:flex-start;gap:var(--space-sm)}.template-info-container__icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.template-info-container__text{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-loose)}.template-info-container__text strong{color:var(--color-text-default);font-weight:var(--font-weight-medium)}.type-selection{display:flex;flex-direction:column;gap:var(--space-sm)}.type-option{all:unset;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface-secondary);border:var(--border-width-thin) solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast) ease-out;text-align:left;width:100%;box-sizing:border-box}.type-option--selected,.type-option:hover:not(.type-option--selected){background:var(--color-surface-tertiary)}.type-option--selected{border-color:var(--color-primary-default)}.type-option__icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.type-option--selected .type-option__icon{color:var(--color-primary-default)}.type-option__content{flex:1 1;display:flex;flex-direction:column;gap:var(--space-2xs)}.type-option__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-default)}.type-option__description{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:var(--line-height-tight)}.template-selection{margin-top:var(--space-md)}@media (max-width:768px){.template-selection{margin-top:var(--space-sm)}}.template-selection h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-default);margin:0 0 var(--space-sm) 0}.template-selection .type-option{margin-top:var(--space-md)}@media (max-width:768px){.template-selection .type-option{padding:var(--space-sm) var(--space-md);margin-top:var(--space-sm);display:flex;flex-direction:row;align-items:center;gap:var(--space-md)}.template-selection .type-option__icon{width:20px;height:20px;flex-shrink:0}.template-selection .type-option__content{flex:1 1;text-align:left;display:flex;flex-direction:column;gap:var(--space-2xs)}.template-selection .type-option__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.template-selection .type-option__description{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:var(--line-height-tight)}.template-selection .type-option__chevron{width:16px;height:16px;flex-shrink:0;color:var(--color-text-tertiary)}}.final-step{display:flex;flex-direction:column;gap:var(--space-md)}.template-summary{padding:var(--space-md);background:var(--color-surface-secondary);border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--color-border-secondary)}.template-summary h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-default);margin:0 0 var(--space-xs) 0}.template-summary p{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0 0 var(--space-sm) 0;line-height:var(--line-height-loose)}.template-preview{display:flex;flex-direction:column;gap:var(--space-2xs)}.template-preview__item{font-size:var(--font-size-xs);color:var(--color-text-default);line-height:var(--line-height-loose)}.configuration-step{display:flex;flex-direction:column;gap:var(--space-md)}@media (max-width:768px){.type-option{flex-direction:column;text-align:center;gap:var(--space-md)}.type-option__icon{width:40px;height:40px}.step-description h2{font-size:var(--font-size-lg)}}.template-selection .template-list{display:flex;flex-direction:column;gap:var(--space-xs)}.template-item--selected{background:color-mix(in srgb,var(--color-primary-default) 8%,var(--color-surface-secondary));border-color:var(--color-primary-default)}.template-item--copy{border-style:dashed;border-color:var(--color-border-secondary)}.template-item--copy:hover{border-style:solid}.solve-list{flex-direction:column;gap:0;font-family:var(--font-family-body);overflow-y:auto;overflow-x:hidden;flex:1 1;min-height:0;max-height:100%;padding:0}.solve-item,.solve-list{position:relative;display:flex}.solve-item{align-items:stretch;gap:var(--space-lg);height:48px;min-height:48px;max-height:48px;transition:all .2s var(--motion-spring-gentle);padding:0 var(--layout-panel-padding-h);border-bottom:none;flex-shrink:0}.solve-item:not(:last-child):after{content:"";position:absolute;bottom:0;left:var(--space-md);right:var(--space-md);height:1px;background-color:var(--color-border-primary);opacity:var(--opacity-50)}.solve-index{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);width:44px;min-width:44px;flex-shrink:0;text-align:left;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:flex;align-items:center}.solve-index--milestone{color:var(--color-icon-purple,#8B5CF6)!important;font-weight:var(--font-weight-bold);text-shadow:0 0 8px rgba(139,92,246,.4)}.solve-index--milestone-100k{color:#FFD700!important;font-weight:var(--font-weight-bold);text-shadow:0 0 8px rgba(255,215,0,.5)}.solve-time-wrapper{flex:1 1;display:flex;align-items:center;gap:var(--space-xs);min-width:0;overflow:hidden}.solve-time{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-default);font-family:var(--font-family-mono);margin-right:0;padding:2px var(--space-xs);border-radius:var(--radius-sm);transition:all .2s var(--motion-spring-gentle);cursor:pointer}.solve-time:hover{background-color:var(--color-surface-tertiary);transform:scale(var(--micro-scale-hover))}.solve-time.in-parentheses{color:var(--color-text-secondary)}.solve-time.ao5-best{color:var(--color-status-success-default)}.solve-time.ao5-worst{color:var(--color-status-error-default)}.solve-tags{display:flex;gap:var(--space-xs)}.solve-tag,.solve-tags{align-items:center;flex-shrink:0}.solve-tag{display:inline-flex;justify-content:center;width:16px;height:16px}.solve-tag svg{width:12px;height:12px}.solve-tag.gold-star{color:var(--color-icon-gold)}.solve-tag.tag-fast{color:var(--color-status-success-default)}.solve-tag.tag-slow{color:var(--color-status-error-default)}.solve-tag--pending-sync{color:var(--color-status-warning-default);opacity:.7;margin-left:2px}.inspection-dot{display:inline-block;width:4px;height:4px;background-color:var(--color-text-secondary);border-radius:50%;margin-right:4px;flex-shrink:0;vertical-align:middle;opacity:.8}.solve-actions{justify-content:flex-end;gap:var(--space-xs);max-width:120px}.action-btn,.solve-actions{display:flex;align-items:center;flex-shrink:0;margin:0}.action-btn{justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s var(--motion-spring-gentle);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top;position:relative}.action-btn:hover{background-color:var(--color-surface-tertiary);border-color:var(--color-border-primary);color:var(--color-text-default);transform:scale(var(--micro-scale-hover))}.action-btn:active{transform:scale(var(--micro-scale-press));transition:all .1s var(--motion-spring-snappy)}.action-btn.active{background-color:var(--color-primary-default);border-color:var(--color-primary-default);color:var(--color-text-on-action)}.action-btn.active:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.action-btn.delete{color:var(--color-text-tertiary);border-color:var(--color-border-secondary)}.action-btn.delete:hover{background-color:var(--color-surface-tertiary);border-color:var(--color-border-primary);color:var(--color-status-error-default)}.action-btn .icon{width:14px;height:14px}.empty-state{text-align:center;padding:var(--space-xl) var(--space-lg);color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin-top:var(--space-xl)}.time-list-header{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-default);margin-bottom:var(--space-lg)}.time-list-header svg{width:20px;height:20px}@media (max-width:768px){.is-mobile .solve-item{padding:0 var(--layout-panel-padding-h)}.is-mobile .solve-index{width:36px;min-width:36px}}.solve-list-item.deleting{animation:fadeOut .3s var(--motion-ease-out-expo) forwards;pointer-events:none}@keyframes fadeOut{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(-20px) scale(var(--micro-scale-press))}}.animated-solve-list[data-color-theme=blue]{--time-list-theme-color:var(--color-icon-blue)}.animated-solve-list[data-color-theme=green]{--time-list-theme-color:var(--color-icon-green)}.animated-solve-list[data-color-theme=teal]{--time-list-theme-color:var(--color-icon-teal)}.animated-solve-list[data-color-theme=purple]{--time-list-theme-color:var(--color-icon-purple)}.animated-solve-list[data-color-theme=orange]{--time-list-theme-color:var(--color-icon-orange)}.animated-solve-list[data-color-theme=red]{--time-list-theme-color:var(--color-icon-red)}.animated-solve-list[data-color-theme=yellow]{--time-list-theme-color:var(--color-icon-yellow)}.animated-solve-list[data-color-theme=gray]{--time-list-theme-color:var(--color-icon-neutral-muted)}.animated-solve-list{position:relative;display:flex;flex-direction:column;gap:0;font-family:var(--font-family-body);overflow-y:auto;overflow-x:hidden;flex:1 1;min-height:0;max-height:100%;height:100%;padding:0 0 var(--space-md) 0;margin:0;outline:none;scroll-behavior:smooth;background:transparent;scrollbar-width:none}@media (max-width:1200px){.animated-solve-list{height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden}}@media (max-width:768px){.is-mobile .animated-solve-list{height:100%;max-height:100%;overflow-y:auto;overflow-x:hidden}}.animated-solve-list.is-scrolling,.animated-solve-list:hover{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-border-secondary) 60%,transparent) transparent}.animated-solve-list::-webkit-scrollbar{width:4px}.animated-solve-list::-webkit-scrollbar-track{background:transparent;margin:2px}.animated-solve-list::-webkit-scrollbar-thumb{background:transparent;border-radius:2px;-webkit-transition:background .2s ease;transition:background .2s ease}.animated-solve-list.is-scrolling::-webkit-scrollbar-thumb,.animated-solve-list:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-border-secondary) 60%,transparent)}.animated-solve-list.is-scrolling::-webkit-scrollbar-thumb:hover,.animated-solve-list:hover::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-border-primary) 80%,transparent)}.animated-solve-list .scroll-gradient--top{position:absolute;top:0;left:0;right:0;height:12px;background:linear-gradient(to bottom,var(--color-surface-secondary) 0,color-mix(in srgb,var(--color-surface-secondary) 90%,transparent) 40%,transparent 100%);pointer-events:none;z-index:10;transition:opacity .2s ease;border-radius:0}.animated-solve-item{display:flex;align-items:center;gap:0;height:48px;padding:0 var(--layout-panel-padding-h);background:transparent;border:none;border-radius:0;flex-shrink:0;cursor:pointer;outline:none;box-shadow:none;margin:0;transition:opacity var(--transition-fast);position:relative;z-index:2;--item-hover-bg:var(--color-surface-tertiary);--item-focus-bg:color-mix(in srgb,var(--color-border-focus) 10%,transparent)}.animated-solve-item:after{content:"";position:absolute;bottom:0;left:var(--space-md);right:var(--space-md)}.animated-solve-item.ao5-last-solve:not(:last-child):after,.animated-solve-item:after{height:1px;background-color:var(--color-border-primary);opacity:var(--opacity-50)}.animated-solve-list .animated-solve-item,.animated-solve-list .animated-solve-item.visible{opacity:1;transform:none}.animated-solve-list .animated-solve-item.visible:hover{position:relative}.animated-solve-list .animated-solve-item.visible:hover:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background-color:var(--item-hover-bg);border-radius:0;z-index:-1}.animated-solve-list .animated-solve-item.visible.selected{position:relative;background-color:color-mix(in srgb,var(--time-list-theme-color,var(--color-primary-default)) 6%,transparent);transition:none}.animated-solve-list .animated-solve-item.solve-restored{animation:solveRestored 2s ease-out}@keyframes solveRestored{0%{background-color:color-mix(in srgb,var(--color-status-success-default) 30%,transparent);transform:scale(1.02)}50%{background-color:color-mix(in srgb,var(--color-status-success-default) 15%,transparent);transform:scale(1.01)}to{background-color:transparent;transform:scale(1)}}.animated-solve-list .animated-solve-item.visible.selected:before{content:"";position:absolute;left:0;top:0;bottom:1px;width:3px;background-color:var(--time-list-theme-color,var(--color-primary-default));border-radius:0 2px 2px 0;z-index:-1}.animated-solve-list .animated-solve-item:not(.visible){pointer-events:none}.animated-solve-item .solve-index{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);width:44px;min-width:44px;flex-shrink:0;text-align:left;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:flex;align-items:center;transition:color .2s var(--motion-spring-gentle);margin-right:var(--space-xs)}.animated-solve-item:hover .solve-index{color:var(--color-text-default)}.animated-solve-item .solve-index--milestone{color:#8B5CF6!important;font-weight:var(--font-weight-bold);text-shadow:0 0 8px rgba(139,92,246,.4)}.animated-solve-item:hover .solve-index--milestone{color:#8B5CF6!important;text-shadow:0 0 12px rgba(139,92,246,.6)}.animated-solve-item .solve-index--milestone-100k{color:#FFD700!important;font-weight:var(--font-weight-bold);text-shadow:0 0 8px rgba(255,215,0,.5)}.animated-solve-item:hover .solve-index--milestone-100k{color:#FFD700!important;text-shadow:0 0 12px rgba(255,215,0,.7)}.animated-solve-item .solve-time-wrapper{flex:1 1;display:flex;align-items:center;gap:var(--space-xs);min-width:0;overflow:hidden}.animated-solve-item .solve-time{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-default);font-family:var(--font-family-mono);position:relative}.animated-solve-item .solve-time:hover{background-color:transparent;transform:none}.animated-solve-item .solve-time-inner{display:inline-block;padding:2px var(--space-xs);border-radius:var(--radius-sm);transition:all .2s var(--motion-spring-gentle);cursor:pointer}.animated-solve-item .solve-time-inner:hover{background-color:var(--color-surface-tertiary);transform:scale(var(--micro-scale-hover))}.animated-solve-item .solve-time-inner:active{transform:scale(var(--micro-scale-press))}.animated-solve-item .solve-time.ao5-best{color:var(--color-status-success-default);position:relative}.animated-solve-item .solve-time.ao5-worst{color:var(--color-status-error-default);position:relative}.animated-solve-item .solve-time.dnf{color:var(--color-status-error-default);font-weight:var(--font-weight-bold)}.invisible-header-placeholder{opacity:0}.animated-solve-item .solve-tags{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.animated-solve-item .solve-tag{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;transition:opacity .15s ease;opacity:.8}.animated-solve-item .solve-tag:hover{opacity:1}.animated-solve-item .solve-tag svg{width:12px;height:12px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.animated-solve-item .solve-tag.gold-star{color:var(--color-icon-gold)}.animated-solve-item .solve-tag.tag-fast{color:var(--color-status-success-default)}.animated-solve-item .solve-tag.tag-slow{color:var(--color-status-error-default)}.animated-solve-item .inspection-dot{display:inline-block;width:4px;height:4px;background-color:var(--color-text-secondary);border-radius:50%;margin-right:4px;flex-shrink:0;vertical-align:middle;opacity:.8;transition:all .2s var(--motion-spring-gentle);box-shadow:0 0 4px rgba(0,0,0,.3)}.animated-solve-item:hover .inspection-dot{opacity:1;box-shadow:0 0 6px rgba(0,0,0,.5)}.animated-solve-item .solve-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-xs);flex-shrink:0;margin:0;max-width:200px;opacity:.7;transition:opacity .2s var(--motion-spring-gentle)}.animated-solve-item.selected .solve-actions,.animated-solve-item:focus .solve-actions,.animated-solve-item:hover .solve-actions{opacity:1}.keyboard-hints{display:flex;align-items:center;gap:var(--space-xs);margin-left:var(--space-sm)}.kbd-hint{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:18px;padding:0 var(--space-xs);background:var(--color-surface-tertiary);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-xs);font-size:9px;font-weight:var(--font-weight-medium);font-family:var(--font-family-mono);color:var(--color-text-tertiary);line-height:1;text-transform:uppercase;cursor:pointer;transition:all .15s var(--motion-spring-gentle);-webkit-user-select:none;-moz-user-select:none;user-select:none}.kbd-hint:hover{background:var(--color-surface-quaternary);border-color:var(--color-border-primary);color:var(--color-text-secondary);transform:scale(1.05)}.kbd-hint:active{transform:scale(.95)}.kbd-hint.active{background:var(--color-primary-default);border-color:var(--color-primary-default);color:var(--color-primary-contrast)}.kbd-hint.active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.kbd-hint.delete{opacity:.8}.kbd-hint.delete:hover{background:color-mix(in srgb,var(--color-status-error-default) 8%,transparent);border-color:color-mix(in srgb,var(--color-status-error-default) 60%,var(--color-border-primary));color:var(--color-status-error-default);opacity:1;transform:scale(1.02)}.animated-solve-list .empty-state{text-align:center;padding:var(--space-xl) var(--space-lg);color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin-top:var(--space-xl);animation:fadeIn .5s var(--motion-spring-gentle) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.is-mobile .animated-solve-item{padding:0 var(--layout-panel-padding-h)}.is-mobile .animated-solve-item .solve-index{width:36px;min-width:36px}.is-mobile .animated-solve-list{padding:0 0 var(--space-md) 0}.is-mobile .animated-solve-list .animated-solve-item.visible.selected{background:none!important;border:none!important}.is-mobile .animated-solve-list .animated-solve-item.visible.selected:before{display:none!important}.animated-solve-list .animated-solve-item.visible:hover:before{left:0;right:0;z-index:-1}.animated-solve-list .animated-solve-item.visible.selected:before{left:0;bottom:1px;width:3px;z-index:-1}.animated-solve-list .animated-solve-item.visible.selected.ao5-last-solve:before{content:"";position:absolute;left:0;top:0;bottom:1px;width:3px;background-color:var(--time-list-theme-color,var(--color-primary-default));border-radius:0 2px 2px 0;z-index:-1;right:auto;font-size:inherit;font-weight:inherit;color:inherit;padding:0;opacity:1}.animated-solve-item:not(:last-child):after{left:var(--space-md);right:var(--space-md)}.animated-solve-list .animated-solve-item{transition:opacity .15s ease;transform:none}.animated-solve-list .animated-solve-item.visible{transform:none}}.animated-solve-list:focus{outline:none}.animated-solve-item:first-child{transition-delay:0s}.animated-solve-item:nth-child(2){transition-delay:20ms}.animated-solve-item:nth-child(3){transition-delay:40ms}.animated-solve-item:nth-child(4){transition-delay:60ms}.animated-solve-item:nth-child(5){transition-delay:80ms}.animated-solve-item:nth-child(6){transition-delay:.1s}.animated-solve-item:nth-child(7){transition-delay:.12s}.animated-solve-item:nth-child(8){transition-delay:.14s}.animated-solve-item{will-change:opacity}@media (prefers-reduced-motion:reduce){.animated-solve-item{transition:opacity .1s ease;transform:none}.animated-solve-item.visible{transform:none}.animated-solve-item:nth-child(n){transition-delay:0s}}.animated-solve-list--compact .animated-solve-item{height:40px}.animated-solve-item.deleting{animation:solveDelete .18s ease-out forwards;pointer-events:none}@keyframes solveDelete{0%{opacity:1;transform:translateX(0) scale(1);height:48px}50%{opacity:.4;transform:translateX(-20px) scale(.98);height:48px}to{opacity:0;transform:translateX(-40px) scale(.95);height:0;padding:0;overflow:hidden}}.animated-solve-list--compact .animated-solve-item.deleting{animation:solveDeleteCompact .18s ease-out forwards}@keyframes solveDeleteCompact{0%{opacity:1;transform:translateX(0) scale(1);height:40px}50%{opacity:.4;transform:translateX(-20px) scale(.98);height:40px}to{opacity:0;transform:translateX(-40px) scale(.95);height:0;padding:0;overflow:hidden}}@media (prefers-reduced-motion:reduce){.animated-solve-item.deleting{animation:solveDeleteSimple .12s ease-out forwards}@keyframes solveDeleteSimple{0%{opacity:1}to{opacity:0;height:0;overflow:hidden}}}.status-selector__dropdown{min-width:200px;padding:var(--space-xs)}.status-selector__option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.status-selector__option:hover{background-color:var(--color-surface-quaternary)}.status-selector__option--remove{color:var(--color-status-warning-default)}.status-selector__option--remove:hover{background-color:var(--color-status-warning-bg)}.status-selector__option-content{flex:1 1}.status-selector__option-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-default);line-height:var(--line-height-tight)}.status-selector__option-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-tight);margin-top:var(--space-xs)}.status-selector__option--remove .status-selector__option-label{color:var(--color-status-warning-default)}.status-selector__divider{height:1px;background-color:var(--color-border-secondary);margin:var(--space-xs) 0}.learning-journey{padding:0;max-width:100%;margin:0}.learning-journey-block{margin-bottom:var(--space-2xl)}.learning-journey-block-header{margin-bottom:var(--space-lg);text-align:center}.learning-journey-block-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-default);margin-bottom:var(--space-xs)}.learning-journey-block-subtitle{font-size:var(--font-size-md);color:var(--color-text-secondary)}.learning-journey-step{position:relative;margin-bottom:var(--space-lg)}.learning-journey-step:last-child{margin-bottom:0}.learning-step-card{position:relative;border-radius:var(--radius-xl);background:var(--color-surface-default);overflow:hidden;transition:all var(--transition-base);min-height:180px;cursor:pointer;display:flex;flex-direction:column}.learning-step-card--completed{background:var(--color-surface-secondary)}.learning-step-card--selected{border:2px dashed var(--color-primary-default)}.learning-step-card--focused{border:2px solid var(--color-border-primary)}.learning-step-card--default{border:2px solid var(--color-border-secondary)}.learning-step-card--locked{cursor:default}.learning-step-card:hover:not(.learning-step-card--locked):not(.learning-step-card--selected){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.learning-step-card--selected:hover{transform:none}.learning-step-card--selected svg{stroke-dasharray:none!important}.learning-step-card-status{left:calc(var(--space-xs) + var(--space-sm))}.learning-step-card-bookmark,.learning-step-card-status{position:absolute;top:calc(var(--space-xs) + var(--space-sm));z-index:2}.learning-step-card-bookmark{right:calc(var(--space-xs) + var(--space-sm))}.learning-step-card-main{flex:1 1;display:flex;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-xl) var(--space-xl);min-height:110px}.learning-step-card-icon{flex-shrink:0}.learning-step-card-content{flex:1 1;min-width:120px}.learning-step-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-default);margin-bottom:var(--space-2xs)}.learning-step-card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.learning-step-card-progress{display:flex;align-items:center;gap:var(--space-sm)}.learning-step-card-progress-bar{flex:1 1;height:var(--space-xs);background:var(--color-surface-quaternary);border-radius:var(--radius-full);overflow:hidden}.learning-step-card-progress-fill{height:100%;background:var(--color-primary-default);border-radius:var(--radius-full);transition:width var(--transition-base)}.learning-step-card-progress-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);white-space:nowrap}.learning-step-expanded-content{overflow:hidden;transition:all var(--transition-base)}.learning-step-expanded-content--collapsed{max-height:0;opacity:0}.learning-step-expanded-content--expanded{max-height:1000px;opacity:1}.learning-step-expanded-inner{padding:0 var(--space-xl) var(--space-2xl)}.learning-step-benefits{margin-bottom:var(--space-md)}.learning-step-benefits-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-default);margin-bottom:var(--space-sm)}.learning-step-benefits-list{margin:0;padding-left:var(--space-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.learning-step-benefits-list li{margin-bottom:var(--space-2xs)}.learning-step-achievement{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-icon-achievement-background);border-radius:var(--radius-lg);border:1px solid var(--color-icon-achievement);margin-top:var(--space-md);transition:opacity var(--transition-base)}.learning-step-achievement--locked{opacity:.4}.learning-step-achievement--unlocked{opacity:1}.learning-step-achievement-icon{width:var(--space-xl);height:var(--space-xl);border-radius:50%;background:var(--color-icon-achievement);display:flex;align-items:center;justify-content:center;flex-shrink:0}.learning-step-achievement-content{flex:1 1}.learning-step-achievement-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-default);margin-bottom:var(--space-2xs)}.learning-step-achievement-description{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.learning-step-chevron{position:absolute;bottom:var(--space-xs);left:var(--space-md);right:var(--space-md);z-index:2;display:flex;justify-content:center}.learning-step-chevron-button{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:var(--space-sm);position:relative;transition:opacity var(--transition-fast);width:100%}.learning-step-chevron-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--color-surface-secondary);color:var(--color-text-default);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;box-shadow:var(--shadow-md);margin-bottom:-10px;z-index:10;animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.learning-step-actions{display:flex;justify-content:space-between;align-items:center}.learning-step-bookmark{cursor:pointer;transition:transform var(--transition-fast)}.learning-step-bookmark:hover{transform:scale(1.1)}.time-range-selector{display:flex;flex-direction:column;gap:var(--space-sm);outline:none;padding:var(--space-md);background:var(--color-surface-secondary);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-lg);box-shadow:0 1px 3px rgba(0,0,0,.05)}.time-range-selector:focus-visible{outline:2px solid var(--color-primary-default);outline-offset:2px}.time-range-selector__header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs)}.time-range-selector__icon{width:16px;height:16px;color:white;flex-shrink:0}.time-range-selector__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:white;text-transform:uppercase;letter-spacing:.5px}.time-range-selector__controls{display:flex;align-items:center;gap:var(--space-sm);outline:none}.time-range-selector__nav{all:unset;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-surface-tertiary);border:var(--border-width-thin) solid var(--color-border-secondary);color:white;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.time-range-selector__nav:hover:not(:disabled){background:var(--color-surface-quaternary);border-color:var(--color-border-primary);color:white;transform:scale(var(--micro-scale-hover))}.time-range-selector__nav:active:not(:disabled){transform:scale(var(--micro-scale-press))}.time-range-selector__nav:disabled{opacity:var(--opacity-semantic-emphasis-low);cursor:not-allowed;background:var(--color-surface-secondary)}.time-range-selector__nav svg{width:16px;height:16px}.time-range-selector__options{display:flex;align-items:center;background:var(--color-surface-tertiary);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-lg);padding:4px;gap:2px;flex:1 1;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}.time-range-selector__option{all:unset;display:flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:white;cursor:pointer;transition:all .2s var(--motion-spring-gentle);flex:1 1;min-width:0;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center}.time-range-selector__option:hover:not(.time-range-selector__option--active){color:white;background:var(--color-surface-secondary);border-radius:var(--radius-md)}.time-range-selector__option--active{background:var(--color-primary-default);color:var(--color-text-inverse);font-weight:var(--font-weight-semibold);box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(var(--color-primary-rgb),.3)}.time-range-selector__option--active:hover{background:var(--color-primary-hover)}@media (max-width:768px){.is-mobile .time-range-selector{gap:var(--space-sm);width:100%}.is-mobile .time-range-selector__nav{width:28px;height:28px}.is-mobile .time-range-selector__nav svg{width:14px;height:14px}.is-mobile .time-range-selector__option{padding:var(--space-xs) var(--space-md);min-width:36px;font-size:var(--font-size-xs)}.is-mobile .time-range-selector__options{padding:3px}}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}