.welcome-step{width:100%;max-width:600px;margin:0 auto;padding:var(--spacing-md);text-align:center}.welcome-step--loading{opacity:.6;pointer-events:none}.welcome-hero{margin-bottom:var(--spacing-xl)}.welcome-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,var(--color-primary) 0,#818cf8 100%);border-radius:var(--radius-xl);animation:welcome-icon-bounce 1s ease-out}@media (min-width:640px){.welcome-icon-wrapper{width:100px;height:100px}}.welcome-icon{width:40px;height:40px;color:white}@media (min-width:640px){.welcome-icon{width:50px;height:50px}}@keyframes welcome-icon-bounce{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.welcome-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-sm);line-height:1.2}@media (min-width:640px){.welcome-title{font-size:var(--font-size-3xl)}}.welcome-title-highlight{color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary) 0,#818cf8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:400px;margin:0 auto;line-height:1.6}@media (min-width:640px){.welcome-subtitle{font-size:var(--font-size-lg)}}.welcome-intro{margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background-color:var(--color-surface);border-radius:var(--radius-lg);animation:welcome-fade-in .6s ease-out .2s both}@media (min-width:640px){.welcome-intro{padding:var(--spacing-lg)}}.welcome-text{font-size:var(--font-size-base);color:var(--color-text);line-height:1.7;margin:0}@keyframes welcome-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.welcome-features{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);text-align:left}@media (min-width:480px){.welcome-features{flex-direction:row;gap:var(--spacing-lg)}}.welcome-feature{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex:1 1;animation:welcome-fade-in .6s ease-out .4s both}.welcome-feature:nth-child(2){animation-delay:.5s}.welcome-feature-icon-wrapper{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;background-color:rgba(79,70,229,.1);border-radius:var(--radius-md)}.welcome-feature-icon{width:24px;height:24px;color:var(--color-primary)}.welcome-feature-content{flex:1 1;min-width:0}.welcome-feature-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-xs)}.welcome-feature-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin:0}.welcome-action{animation:welcome-fade-in .6s ease-out .6s both}.welcome-start-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;max-width:300px;min-height:56px;padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);font-weight:600;color:white;background:linear-gradient(135deg,var(--color-primary) 0,#818cf8 100%);border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 14px 0 rgba(79,70,229,.3)}.welcome-start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px 0 rgba(79,70,229,.4)}.welcome-start-btn:focus{outline:none;box-shadow:0 0 0 4px rgba(79,70,229,.2),0 4px 14px 0 rgba(79,70,229,.3)}.welcome-start-btn:active{transform:translateY(0)}.welcome-start-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.welcome-btn-text{position:relative}.welcome-btn-icon{width:20px;height:20px;transition:transform var(--transition-fast)}.welcome-start-btn:hover .welcome-btn-icon{transform:translateX(4px)}.welcome-action-hint{margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media (prefers-color-scheme:dark){.welcome-feature,.welcome-intro{background-color:var(--color-surface)}.welcome-feature{border-color:var(--color-border)}.welcome-feature-icon-wrapper{background-color:rgba(79,70,229,.2)}.welcome-start-btn{box-shadow:0 4px 14px 0 rgba(79,70,229,.4)}.welcome-start-btn:hover{box-shadow:0 6px 20px 0 rgba(79,70,229,.5)}}@media (prefers-reduced-motion:reduce){.welcome-action,.welcome-feature,.welcome-icon-wrapper,.welcome-intro{animation:none}.welcome-start-btn:hover,.welcome-start-btn:hover .welcome-btn-icon{transform:none}}.experience-step{width:100%;max-width:600px;margin:0 auto;padding:var(--spacing-md)}.experience-step--loading{opacity:.6;pointer-events:none}.experience-step-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.experience-header-icon{width:28px;height:28px;color:var(--color-primary);flex-shrink:0}.experience-step-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin:0}.experience-step-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:1.5}.experience-options{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.experience-option{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-min)}.experience-option:hover{border-color:var(--color-text-secondary);background-color:var(--color-surface)}.experience-option:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.experience-option:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(79,70,229,.2)}.experience-option--selected{border-color:var(--color-primary);background-color:rgba(79,70,229,.05)}.experience-option--selected:hover{border-color:var(--color-primary);background-color:rgba(79,70,229,.08)}.experience-option-radio{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:2px;border:2px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-background);transition:all var(--transition-fast)}.experience-option:hover .experience-option-radio{border-color:var(--color-text-secondary)}.experience-option--selected .experience-option-radio{border-color:var(--color-primary)}.experience-option-radio-inner{width:12px;height:12px;border-radius:var(--radius-full);background-color:var(--color-primary);transform:scale(0);animation:experience-radio-scale-in .15s ease forwards}@keyframes experience-radio-scale-in{0%{transform:scale(0)}to{transform:scale(1)}}.experience-option-content{flex:1 1;min-width:0}.experience-option-name{display:block;font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-xs)}.experience-option--selected .experience-option-name{color:var(--color-primary)}.experience-option-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin:0}.experience-option-check{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-primary);opacity:0;transform:scale(.5);animation:experience-check-scale-in .2s ease forwards}@keyframes experience-check-scale-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.experience-check-icon{width:20px;height:20px}.experience-step-encouragement{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.experience-step-encouragement-icon{flex-shrink:0;font-size:var(--font-size-lg)}@media (min-width:640px){.experience-step{padding:var(--spacing-lg)}.experience-step-title{font-size:var(--font-size-2xl)}.experience-header-icon{width:32px;height:32px}.experience-options{gap:var(--spacing-md)}.experience-option{padding:var(--spacing-lg)}}@media (prefers-color-scheme:dark){.experience-option--selected{background-color:rgba(79,70,229,.15)}.experience-option--selected:hover{background-color:rgba(79,70,229,.2)}}.experience-options--invalid{position:relative}.experience-options--invalid .experience-option{border-color:var(--color-error)}.experience-options--invalid .experience-option:hover{border-color:var(--color-error);background-color:rgba(220,38,38,.05)}.experience-options--invalid .experience-option:focus,.experience-options--invalid .experience-option:focus-visible{border-color:var(--color-error);box-shadow:0 0 0 3px rgba(220,38,38,.2)}.experience-options--invalid .experience-option-radio{border-color:var(--color-error)}.experience-options--invalid.experience-options--shake{animation:experience-validation-shake .4s ease-in-out}@keyframes experience-validation-shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}@media (prefers-reduced-motion:reduce){.experience-option-check,.experience-option-radio-inner{animation:none;transform:scale(1);opacity:1}.experience-options--invalid.experience-options--shake,.experience-validation-message{animation:none}}.experience-validation-message{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.3);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-error);line-height:1.5;animation:experience-validation-message-fade-in .2s ease-out}.experience-validation-message-icon{flex-shrink:0;width:18px;height:18px;margin-top:1px}.experience-validation-message-text{flex:1 1;font-weight:500}@keyframes experience-validation-message-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.experience-options--invalid .experience-option{border-color:var(--color-error)}.experience-options--invalid .experience-option:hover{background-color:rgba(252,165,165,.1)}.experience-options--invalid .experience-option:focus,.experience-options--invalid .experience-option:focus-visible{box-shadow:0 0 0 3px rgba(252,165,165,.25)}.experience-options--invalid .experience-option-radio{border-color:var(--color-error)}.experience-validation-message{background-color:rgba(252,165,165,.12);border-color:rgba(252,165,165,.35);color:var(--color-error)}}:root.dark .experience-options--invalid .experience-option{border-color:var(--color-error)}:root.dark .experience-options--invalid .experience-option:hover{background-color:rgba(252,165,165,.1)}:root.dark .experience-options--invalid .experience-option:focus,:root.dark .experience-options--invalid .experience-option:focus-visible{box-shadow:0 0 0 3px rgba(252,165,165,.25)}:root.dark .experience-options--invalid .experience-option-radio{border-color:var(--color-error)}:root.dark .experience-validation-message{background-color:rgba(252,165,165,.12);border-color:rgba(252,165,165,.35);color:var(--color-error)}.interests-step{width:100%;max-width:700px;margin:0 auto;padding:var(--spacing-md)}.interests-step--loading{opacity:.6;pointer-events:none}.interests-step-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.interests-step-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin:0}.interests-step-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.interests-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-sm);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}@media (min-width:480px){.interests-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}.interests-option{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-min)}.interests-option:hover{border-color:var(--color-text-secondary);background-color:var(--color-surface)}.interests-option:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.interests-option:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(79,70,229,.2)}.interests-option--selected{border-color:var(--color-primary);background-color:rgba(79,70,229,.05)}.interests-option--selected:hover{border-color:var(--color-primary);background-color:rgba(79,70,229,.08)}.interests-option-checkbox{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:2px;border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);transition:all var(--transition-fast)}.interests-option:hover .interests-option-checkbox{border-color:var(--color-text-secondary)}.interests-option--selected .interests-option-checkbox{border-color:var(--color-primary);background-color:var(--color-primary)}.interests-check-icon{width:16px;height:16px;color:white;transform:scale(0);animation:checkbox-scale-in .15s ease forwards}@keyframes checkbox-scale-in{0%{transform:scale(0)}to{transform:scale(1)}}.interests-option-content{flex:1 1;min-width:0}.interests-option-name{display:block;font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-xs)}.interests-option--selected .interests-option-name{color:var(--color-primary)}.interests-option-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4;margin:0}.interests-step-footer{margin-top:var(--spacing-md)}.interests-step-encouragement{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text);line-height:1.5}.interests-step-encouragement-icon{flex-shrink:0;font-size:var(--font-size-base)}.interests-step-count{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:rgba(79,70,229,.1);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.interests-step-count-number{font-weight:700;color:var(--color-primary)}@media (min-width:640px){.interests-step{padding:var(--spacing-lg)}.interests-step-title{font-size:var(--font-size-2xl)}.interests-option{padding:var(--spacing-lg)}}@media (prefers-color-scheme:dark){.interests-option--selected{background-color:rgba(79,70,229,.15)}.interests-option--selected:hover{background-color:rgba(79,70,229,.2)}.interests-step-encouragement{background-color:rgba(245,158,11,.15);border-color:rgba(245,158,11,.4)}.interests-step-count{background-color:rgba(79,70,229,.15)}}.interests-grid--invalid{position:relative}.interests-grid--invalid .interests-option{border-color:var(--color-error)}.interests-grid--invalid .interests-option:hover{border-color:var(--color-error);background-color:rgba(220,38,38,.05)}.interests-grid--invalid .interests-option:focus,.interests-grid--invalid .interests-option:focus-visible{border-color:var(--color-error);box-shadow:0 0 0 3px rgba(220,38,38,.2)}.interests-grid--invalid .interests-option-checkbox{border-color:var(--color-error)}.interests-grid--invalid.interests-grid--shake{animation:interests-validation-shake .4s ease-in-out}@keyframes interests-validation-shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}@media (prefers-reduced-motion:reduce){.interests-check-icon{animation:none;transform:scale(1)}.interests-grid--invalid.interests-grid--shake,.interests-validation-message{animation:none}}.interests-validation-message{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.3);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-error);line-height:1.5;animation:interests-validation-message-fade-in .2s ease-out}.interests-validation-message-icon{flex-shrink:0;width:18px;height:18px;margin-top:1px}.interests-validation-message-text{flex:1 1;font-weight:500}@keyframes interests-validation-message-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.interests-grid--invalid .interests-option{border-color:var(--color-error)}.interests-grid--invalid .interests-option:hover{background-color:rgba(252,165,165,.1)}.interests-grid--invalid .interests-option:focus,.interests-grid--invalid .interests-option:focus-visible{box-shadow:0 0 0 3px rgba(252,165,165,.25)}.interests-grid--invalid .interests-option-checkbox{border-color:var(--color-error)}.interests-validation-message{background-color:rgba(252,165,165,.12);border-color:rgba(252,165,165,.35);color:var(--color-error)}}:root.dark .interests-grid--invalid .interests-option{border-color:var(--color-error)}:root.dark .interests-grid--invalid .interests-option:hover{background-color:rgba(252,165,165,.1)}:root.dark .interests-grid--invalid .interests-option:focus,:root.dark .interests-grid--invalid .interests-option:focus-visible{box-shadow:0 0 0 3px rgba(252,165,165,.25)}:root.dark .interests-grid--invalid .interests-option-checkbox{border-color:var(--color-error)}:root.dark .interests-validation-message{background-color:rgba(252,165,165,.12);border-color:rgba(252,165,165,.35);color:var(--color-error)}.time-duration-step{width:100%;max-width:600px;margin:0 auto;padding:var(--spacing-md)}.time-duration-step--loading{opacity:.6;pointer-events:none}.time-duration-section{margin-bottom:var(--spacing-xl)}.time-duration-section:last-of-type{margin-bottom:var(--spacing-lg)}.time-duration-section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.time-duration-section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.time-duration-section-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.time-duration-icon{width:24px;height:24px;color:var(--color-primary);flex-shrink:0}.time-duration-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.time-duration-options--inline{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm)}.time-duration-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-min)}.time-duration-option--compact{padding:var(--spacing-sm) var(--spacing-md);flex:0 1 auto}.time-duration-option:hover{border-color:var(--color-text-secondary);background-color:var(--color-surface)}.time-duration-option:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.time-duration-option:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(79,70,229,.2)}.time-duration-option--selected{border-color:var(--color-primary);background-color:rgba(79,70,229,.05)}.time-duration-option--selected:hover{border-color:var(--color-primary);background-color:rgba(79,70,229,.08)}.time-duration-option-radio{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-background);transition:all var(--transition-fast)}.time-duration-option:hover .time-duration-option-radio{border-color:var(--color-text-secondary)}.time-duration-option--selected .time-duration-option-radio{border-color:var(--color-primary)}.time-duration-option-radio-inner{width:10px;height:10px;border-radius:var(--radius-full);background-color:var(--color-primary);transform:scale(0);animation:time-radio-scale-in .15s ease forwards}@keyframes time-radio-scale-in{0%{transform:scale(0)}to{transform:scale(1)}}.time-duration-option-label{flex:1 1;font-size:var(--font-size-base);font-weight:500;color:var(--color-text)}.time-duration-option--selected .time-duration-option-label{color:var(--color-primary)}.time-duration-option-check{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:var(--color-primary);opacity:0;transform:scale(.5);animation:time-check-scale-in .2s ease forwards}@keyframes time-check-scale-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.time-duration-check-icon{width:18px;height:18px}.time-duration-estimate{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.time-duration-estimate-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-md) 0}.time-duration-estimate-title .time-duration-icon{width:20px;height:20px;color:var(--color-primary)}.time-duration-estimate-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.time-duration-estimate-row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.time-duration-estimate-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.time-duration-estimate-value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.time-duration-estimate-divider{height:1px;background-color:var(--color-border);margin:var(--spacing-xs) 0}.time-duration-note{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.time-duration-note-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;font-size:var(--font-size-xs);font-weight:700;color:var(--color-primary);background-color:rgba(79,70,229,.1);border-radius:var(--radius-full)}@media (min-width:640px){.time-duration-step{padding:var(--spacing-lg)}.time-duration-section-title{font-size:var(--font-size-xl)}.time-duration-options{gap:var(--spacing-md)}.time-duration-options--inline{gap:var(--spacing-sm)}.time-duration-option{padding:var(--spacing-md) var(--spacing-lg)}.time-duration-option--compact{padding:var(--spacing-sm) var(--spacing-md)}.time-duration-estimate{padding:var(--spacing-lg)}.time-duration-estimate-row{flex-direction:row;justify-content:space-between}}@media (min-width:480px){.time-duration-options:not(.time-duration-options--inline){display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}}@media (min-width:640px){.time-duration-options:not(.time-duration-options--inline){grid-template-columns:repeat(3,1fr)}}@media (prefers-color-scheme:dark){.time-duration-option--selected{background-color:rgba(79,70,229,.15)}.time-duration-option--selected:hover{background-color:rgba(79,70,229,.2)}.time-duration-estimate{background-color:rgba(79,70,229,.05)}.time-duration-note-icon{background-color:rgba(79,70,229,.2)}}@media (prefers-reduced-motion:reduce){.time-duration-option-check,.time-duration-option-radio-inner{animation:none;transform:scale(1);opacity:1}}.translation-step{width:100%;max-width:600px;margin:0 auto;padding:var(--spacing-md)}.translation-step--loading{opacity:.6;pointer-events:none}.translation-step-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.translation-step-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin:0}.translation-step-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.translation-help-container{position:relative}.translation-help-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background-color:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast)}.translation-help-btn:focus,.translation-help-btn:hover{color:var(--color-primary);background-color:var(--color-surface);outline:none}.translation-help-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.translation-help-icon{width:20px;height:20px}.translation-tooltip{position:absolute;top:calc(100% + var(--spacing-sm));right:0;z-index:100;width:280px;padding:var(--spacing-md);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}@media (max-width:639px){.translation-tooltip{position:fixed;top:auto;bottom:var(--spacing-md);left:var(--spacing-md);right:var(--spacing-md);width:auto;max-width:calc(100vw - var(--spacing-lg))}}.translation-tooltip-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}.translation-tooltip-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--spacing-xs)}.translation-tooltip-text:last-child{margin-bottom:0}.translation-tooltip-text strong{color:var(--color-primary)}.translation-options{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.translation-option{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-min)}.translation-option:hover{border-color:var(--color-text-secondary);background-color:var(--color-surface)}.translation-option:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(79,70,229,.1)}.translation-option:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(79,70,229,.2)}.translation-option--selected{border-color:var(--color-primary);background-color:rgba(79,70,229,.05)}.translation-option--selected:hover{border-color:var(--color-primary);background-color:rgba(79,70,229,.08)}.translation-option-radio{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:2px;border:2px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-background);transition:all var(--transition-fast)}.translation-option:hover .translation-option-radio{border-color:var(--color-text-secondary)}.translation-option--selected .translation-option-radio{border-color:var(--color-primary)}.translation-option-radio-inner{width:12px;height:12px;border-radius:var(--radius-full);background-color:var(--color-primary);transform:scale(0);animation:radio-scale-in .15s ease forwards}@keyframes radio-scale-in{0%{transform:scale(0)}to{transform:scale(1)}}.translation-option-content{flex:1 1;min-width:0}.translation-option-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.translation-option-code{font-size:var(--font-size-base);font-weight:700;color:var(--color-text)}.translation-option--selected .translation-option-code{color:var(--color-primary)}.translation-option-description,.translation-option-name{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.translation-option-description{line-height:1.5;margin:0}.translation-option-check{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-primary);opacity:0;transform:scale(.5);animation:check-scale-in .2s ease forwards}@keyframes check-scale-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.translation-check-icon{width:20px;height:20px}.translation-step-note{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.translation-step-note-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;font-size:var(--font-size-xs);font-weight:700;color:var(--color-primary);background-color:rgba(79,70,229,.1);border-radius:var(--radius-full)}@media (min-width:640px){.translation-step{padding:var(--spacing-lg)}.translation-step-title{font-size:var(--font-size-2xl)}.translation-options{gap:var(--spacing-md)}.translation-option{padding:var(--spacing-lg)}}@media (prefers-color-scheme:dark){.translation-option--selected{background-color:rgba(79,70,229,.15)}.translation-option--selected:hover,.translation-step-note-icon{background-color:rgba(79,70,229,.2)}}@media (prefers-reduced-motion:reduce){.translation-option-check,.translation-option-radio-inner{animation:none;transform:scale(1);opacity:1}}