@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=DM+Sans:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes pulse{0%{box-shadow:0 0 #e8847c66}70%{box-shadow:0 0 0 10px #e8847c00}to{box-shadow:0 0 #e8847c00}}@keyframes pulseSecondary{0%{box-shadow:0 0 #7cb68666}70%{box-shadow:0 0 0 10px #7cb68600}to{box-shadow:0 0 #7cb68600}}@keyframes pulseSoft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes typingDot{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes dotBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeleton{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes drawCheck{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes celebrationPop{0%{transform:scale(0) rotate(-180deg);opacity:0}60%{transform:scale(1.2) rotate(10deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalSlideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.98)}}@keyframes overlayFade{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes sparkle{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes tabUnderline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pageExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-fade-out{animation:fadeOut .2s ease-out forwards}.animate-slide-up{animation:slideUp .3s ease-out forwards}.animate-slide-down{animation:slideDown .3s ease-out forwards}.animate-slide-in-right{animation:slideInRight .3s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .3s ease-out forwards}.animate-scale-in{animation:scaleIn .2s ease-out forwards}.animate-pop{animation:pop .4s cubic-bezier(.34,1.56,.64,1) forwards}.animate-pulse{animation:pulse 2s infinite}.animate-pulse-secondary{animation:pulseSecondary 2s infinite}.animate-pulse-soft{animation:pulseSoft 2s ease-in-out infinite}.animate-breathe{animation:breathe 3s ease-in-out infinite}.animate-shake{animation:shake .5s ease-out}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-shimmer{background:linear-gradient(90deg,var(--color-neutral-100) 0%,var(--color-neutral-50) 50%,var(--color-neutral-100) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.animate-skeleton{background:linear-gradient(90deg,var(--color-neutral-200) 0%,var(--color-neutral-100) 50%,var(--color-neutral-200) 100%);background-size:400px 100%;animation:skeleton 1.4s ease infinite}.typing-dot{animation:typingDot 1.4s ease-in-out infinite}.typing-dot:nth-child(1){animation-delay:0ms}.typing-dot:nth-child(2){animation-delay:.16s}.typing-dot:nth-child(3){animation-delay:.32s}.animate-celebration{animation:celebrationPop .6s cubic-bezier(.34,1.56,.64,1) forwards}.animate-modal-enter{animation:modalSlideUp .3s ease-out forwards}.animate-modal-exit{animation:modalSlideDown .2s ease-out forwards}.animate-overlay-enter{animation:overlayFade .2s ease-out forwards}.animate-sparkle{animation:sparkle 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-page-enter{animation:pageEnter .2s ease-out forwards}.animate-page-exit{animation:pageExit .15s ease-out forwards}.animate-tab-underline{animation:tabUnderline .2s ease-out forwards;transform-origin:left}.delay-0{animation-delay:0ms}.delay-50{animation-delay:50ms}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-250{animation-delay:.25s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.delay-1000{animation-delay:1s}.duration-fast{animation-duration:.15s}.duration-normal{animation-duration:.2s}.duration-slow{animation-duration:.3s}.duration-slower{animation-duration:.5s}.transition-none{transition:none}.transition-fast{transition:all .15s ease-out}.transition-normal{transition:all .2s ease-out}.transition-slow{transition:all .3s ease-out}.transition-colors{transition:color .15s ease-out,background-color .15s ease-out,border-color .15s ease-out}.transition-transform{transition:transform .2s ease-out}.transition-opacity{transition:opacity .2s ease-out}.transition-shadow{transition:box-shadow .2s ease-out}.hover-lift{transition:transform .2s ease-out,box-shadow .2s ease-out}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.active-press{transition:transform .1s ease-out}.active-press:active{transform:scale(.98)}.hover-scale{transition:transform .2s ease-out}.hover-scale:hover{transform:scale(1.02)}.hover-brightness{transition:filter .2s ease-out}.hover-brightness:hover{filter:brightness(1.05)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-pulse,.animate-pulse-secondary,.animate-pulse-soft,.animate-breathe,.animate-bounce,.animate-sparkle,.animate-float,.animate-spin{animation:none!important}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-10);min-height:320px;position:relative}.empty-state--compact{padding:var(--space-6);min-height:200px}.empty-state:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(224,150,141,.04) 0%,transparent 60%);pointer-events:none}.empty-state__icon{width:88px;height:88px;border-radius:var(--radius-full);background:linear-gradient(145deg,var(--color-neutral-100) 0%,var(--color-neutral-50) 100%);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);position:relative;box-shadow:inset 0 -2px 6px #00000008,0 4px 16px #0000000a}.empty-state__icon:after{content:"";position:absolute;inset:-4px;border-radius:var(--radius-full);border:2px dashed var(--color-neutral-200);opacity:.5}.empty-state__icon--primary{background:linear-gradient(145deg,var(--color-primary-100) 0%,var(--color-primary-50) 100%)}.empty-state__icon--primary:after{border-color:var(--color-primary-200)}.empty-state__icon--secondary{background:linear-gradient(145deg,var(--color-secondary-100) 0%,var(--color-secondary-50) 100%)}.empty-state__icon--secondary:after{border-color:var(--color-secondary-200)}.empty-state__icon--accent{background:linear-gradient(145deg,var(--color-accent-100) 0%,var(--color-accent-50) 100%)}.empty-state__icon--accent:after{border-color:var(--color-accent-200)}.empty-state__icon svg{width:36px;height:36px;color:var(--color-text-muted);stroke-width:1.5}.empty-state__icon--primary svg{color:var(--color-primary-500)}.empty-state__icon--secondary svg{color:var(--color-secondary-500)}.empty-state__icon--accent svg{color:var(--color-accent-600)}.empty-state__title{font-family:var(--font-family);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-main);margin:0 0 var(--space-3) 0;letter-spacing:-.02em;line-height:var(--leading-tight)}.empty-state__text{font-size:var(--text-base);color:var(--color-text-sub);margin:0 0 var(--space-6) 0;max-width:300px;line-height:var(--leading-relaxed)}.empty-state__action{margin-top:var(--space-2)}.empty-state__progress{width:100%;max-width:220px;margin-bottom:var(--space-5)}.empty-state__progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.empty-state__progress-label{font-size:var(--text-xs);color:var(--color-text-muted)}.empty-state__progress-count{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-sub)}.empty-state__progress-bar{height:6px;background:var(--color-neutral-150);border-radius:var(--radius-full);overflow:hidden}.empty-state__progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width .5s var(--ease-out)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);min-height:300px}.loading-state--fullscreen{position:fixed;inset:0;background:var(--color-background);z-index:var(--z-modal)}.loading-state--inline{padding:var(--space-4);min-height:auto}.spinner{width:44px;height:44px;border:3px solid var(--color-neutral-150);border-top-color:var(--color-primary-400);border-radius:var(--radius-full);animation:spin .9s cubic-bezier(.4,0,.2,1) infinite}.spinner--sm{width:20px;height:20px;border-width:2px}.spinner--lg{width:56px;height:56px;border-width:4px}.spinner--secondary{border-top-color:var(--color-secondary-400)}.pulse-loader{display:flex;gap:8px}.pulse-loader__dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--color-primary-400);animation:pulse-breathe 1.6s ease-in-out infinite}.pulse-loader__dot:nth-child(2){animation-delay:.2s}.pulse-loader__dot:nth-child(3){animation-delay:.4s}@keyframes pulse-breathe{0%,80%,to{transform:scale(.7);opacity:.4}40%{transform:scale(1);opacity:1}}.loading-state__text{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-5);animation:fade-pulse 2s ease-in-out infinite}@keyframes fade-pulse{0%,to{opacity:.6}50%{opacity:1}}.skeleton{background:linear-gradient(90deg,var(--color-neutral-100) 0%,var(--color-neutral-50) 40%,var(--color-neutral-50) 60%,var(--color-neutral-100) 100%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton--text{height:16px;margin-bottom:var(--space-2)}.skeleton--text-sm{height:14px}.skeleton--text-lg{height:20px}.skeleton--heading{height:28px;width:60%;margin-bottom:var(--space-4);border-radius:var(--radius-lg)}.skeleton--avatar{width:48px;height:48px;border-radius:var(--radius-full);flex-shrink:0}.skeleton--avatar-sm{width:32px;height:32px}.skeleton--avatar-lg{width:64px;height:64px}.skeleton--button{height:44px;width:120px;border-radius:var(--radius-lg)}.skeleton--card{height:120px;border-radius:var(--radius-xl);margin-bottom:var(--space-4)}.skeleton--image{width:100%;aspect-ratio:16/9;border-radius:var(--radius-xl)}.skeleton-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid var(--color-neutral-150)}.skeleton-card__header{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.skeleton-card__body{display:flex;flex-direction:column;gap:var(--space-3)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8);min-height:300px}.error-state__icon{width:72px;height:72px;border-radius:var(--radius-full);background:linear-gradient(145deg,#fee2e2,#fecaca);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5);box-shadow:0 4px 12px #ef44441a}.error-state__icon svg{width:32px;height:32px;color:#dc2626;stroke-width:1.5}.error-state__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-main);margin:0 0 var(--space-2) 0;letter-spacing:-.01em}.error-state__text{font-size:var(--text-base);color:var(--color-text-sub);margin:0 0 var(--space-5) 0;max-width:320px;line-height:var(--leading-relaxed)}.success-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8)}.success-state__icon{width:88px;height:88px;border-radius:var(--radius-full);background:var(--gradient-secondary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);animation:success-pop .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 20px #7ec4924d,0 0 0 8px #7ec4921a}@keyframes success-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-state__icon svg{width:40px;height:40px;color:#fff;stroke-width:2.5;animation:check-draw .5s ease-out .2s both}.success-state__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-main);margin:0 0 var(--space-3) 0;letter-spacing:-.02em}.success-state__text{font-size:var(--text-base);color:var(--color-text-sub);margin:0 0 var(--space-6) 0;max-width:320px;line-height:var(--leading-relaxed)}.offline-banner{position:fixed;bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom,0px));left:var(--space-4);right:var(--space-4);background:var(--color-neutral-800);color:#fff;padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);z-index:var(--z-fixed);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:slide-up .3s ease-out}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:768px){.offline-banner{bottom:var(--space-4);left:50%;right:auto;transform:translate(-50%);min-width:300px}@keyframes slide-up{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}}.offline-banner svg{width:18px;height:18px;opacity:.8}.maintenance-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8);min-height:100vh;min-height:100dvh;background:var(--color-background)}.maintenance-state__icon{width:100px;height:100px;border-radius:var(--radius-full);background:linear-gradient(145deg,var(--color-accent-100) 0%,var(--color-accent-50) 100%);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);box-shadow:0 8px 24px #f5c55c33}.maintenance-state__icon svg{width:48px;height:48px;color:var(--color-accent-600);stroke-width:1.5}.maintenance-state__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--color-text-main);margin:0 0 var(--space-4) 0;letter-spacing:-.02em}.maintenance-state__text{font-size:var(--text-lg);color:var(--color-text-sub);margin:0;max-width:400px;line-height:var(--leading-relaxed)}.locked-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8);position:relative}.locked-state__backdrop{position:absolute;inset:0;background:linear-gradient(180deg,#fff0,#ffffffe6 30%,#fffffffa);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.locked-state__content{position:relative;z-index:1}.locked-state__icon{width:72px;height:72px;border-radius:var(--radius-full);background:var(--gradient-premium);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5);box-shadow:0 4px 16px #f5c55c4d,0 0 0 4px #f5c55c26}.locked-state__icon svg{width:28px;height:28px;color:var(--color-accent-700)}.locked-state__badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:6px 14px;background:var(--color-accent-100);color:var(--color-accent-700);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-full);margin-bottom:var(--space-4);border:1px solid var(--color-accent-200)}.locked-state__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-main);margin:0 0 var(--space-2) 0}.locked-state__text{font-size:var(--text-base);color:var(--color-text-sub);margin:0 0 var(--space-5) 0;max-width:280px;line-height:var(--leading-relaxed)}@media(max-width:640px){.empty-state,.loading-state,.error-state{padding:var(--space-6);min-height:260px}.empty-state__icon{width:72px;height:72px;margin-bottom:var(--space-5)}.empty-state__icon svg{width:30px;height:30px}.empty-state__title,.error-state__title{font-size:var(--text-lg)}.empty-state__text,.error-state__text{font-size:var(--text-sm);max-width:280px}.success-state__icon{width:72px;height:72px}.success-state__icon svg{width:32px;height:32px}.success-state__title{font-size:var(--text-xl)}.locked-state__icon{width:64px;height:64px}.locked-state__icon svg{width:24px;height:24px}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:1.5s}.pulse-loader__dot{animation:none;opacity:.6}.success-state__icon{animation:none}.success-state__icon svg{animation:none}.skeleton{animation:none;background:var(--color-neutral-100)}}:root{--color-primary-50: #FDF8F7;--color-primary-100: #FBF0EE;--color-primary-200: #F5DCD8;--color-primary-300: #EBBFB9;--color-primary-400: #E0968D;--color-primary-500: #D17A70;--color-primary-600: #BE5F54;--color-primary-700: #9E4E44;--color-primary-800: #7D3E36;--color-primary-900: #5C2E28;--color-primary: var(--color-primary-400);--color-primary-light: var(--color-primary-200);--color-primary-dark: var(--color-primary-600);--color-primary-contrast: #FFFFFF;--color-secondary-50: #F6FAF7;--color-secondary-100: #E8F3EB;--color-secondary-200: #D1E7D7;--color-secondary-300: #A8D4B4;--color-secondary-400: #7EC492;--color-secondary-500: #5DAF73;--color-secondary-600: #489660;--color-secondary-700: #3B7A4E;--color-secondary-800: #30613F;--color-secondary-900: #264D32;--color-secondary: var(--color-secondary-400);--color-secondary-light: var(--color-secondary-100);--color-secondary-dark: var(--color-secondary-600);--color-secondary-contrast: #FFFFFF;--color-accent-50: #FFFCF5;--color-accent-100: #FEF7E6;--color-accent-200: #FDECC4;--color-accent-300: #FBDC93;--color-accent-400: #F5C55C;--color-accent-500: #E9A832;--color-accent-600: #D18F1D;--color-accent-700: #AE7318;--color-accent-800: #8B5B15;--color-accent-900: #6B4612;--color-accent: var(--color-accent-400);--color-accent-light: var(--color-accent-100);--color-neutral-25: #FEFDFB;--color-neutral-50: #FAF9F7;--color-neutral-100: #F5F3F0;--color-neutral-200: #E8E5E1;--color-neutral-300: #D4D0CA;--color-neutral-400: #A8A29A;--color-neutral-500: #78726A;--color-neutral-600: #5C574F;--color-neutral-700: #44403A;--color-neutral-800: #2D2A26;--color-neutral-900: #1C1A17;--color-background: var(--color-neutral-50);--color-background-warm: #FDF9F6;--color-surface: #FFFFFF;--color-surface-elevated: #FFFFFF;--color-surface-subtle: var(--color-neutral-100);--color-surface-warm: #FFFBF8;--color-text-main: var(--color-neutral-800);--color-text-secondary: var(--color-neutral-600);--color-text-sub: var(--color-neutral-500);--color-text-muted: var(--color-neutral-400);--color-text-inverse: #FFFFFF;--color-border: var(--color-neutral-200);--color-border-light: var(--color-neutral-100);--color-border-strong: var(--color-neutral-300);--color-success-50: #F4FAF6;--color-success-100: #DBF2E3;--color-success-200: #B7E5C7;--color-success-light: var(--color-success-100);--color-success: #4CAF7A;--color-success-dark: #3D8C62;--color-error-50: #FDF6F5;--color-error-100: #FAE8E6;--color-error-200: #F3CCC8;--color-error-light: var(--color-error-100);--color-error: #E05D4F;--color-error-dark: #C4493C;--color-warning-50: #FFFCF5;--color-warning-100: #FEF5E0;--color-warning-200: #FDE8B8;--color-warning-light: var(--color-warning-100);--color-warning: #E9A832;--color-warning-dark: #C58A1F;--color-info-50: #F5F9FD;--color-info-100: #E3EFF9;--color-info-200: #C5DDF2;--color-info-light: var(--color-info-100);--color-info: #5B9BD5;--color-info-dark: #4580B8;--gradient-warm: linear-gradient(180deg, #FFFBF8 0%, #FDF8F5 50%, #FAF9F7 100%);--gradient-page: linear-gradient(180deg, #FEFDFB 0%, #FAF9F7 100%);--gradient-surface-warm: linear-gradient(180deg, #FFFBF8 0%, #FFF8F4 100%);--gradient-surface-calm: linear-gradient(180deg, #F8FCFA 0%, #F4F9F6 100%);--gradient-card-active: linear-gradient(135deg, #FDF8F7 0%, #FFFFFF 100%);--gradient-card-completed: linear-gradient(135deg, #F6FAF7 0%, #FFFFFF 100%);--gradient-card-locked: linear-gradient(135deg, #F5F3F0 0%, #FAF9F7 100%);--gradient-primary: linear-gradient(135deg, #E0968D 0%, #D17A70 100%);--gradient-primary-soft: linear-gradient(135deg, #F5DCD8 0%, #FBF0EE 100%);--gradient-secondary: linear-gradient(135deg, #7EC492 0%, #5DAF73 100%);--gradient-premium: linear-gradient(135deg, #FFFCF5 0%, #FEF7E6 50%, #FDECC4 100%);--gradient-chat-ai: linear-gradient(135deg, #F6FAF7 0%, #F0F7F2 100%);--gradient-chat-user: linear-gradient(135deg, #E0968D 0%, #D17A70 100%);--gradient-hero: linear-gradient(180deg, #FFFFFF 0%, #FAF9F7 100%);--gradient-hero-warm: linear-gradient(180deg, #FFFBF8 0%, #FDF8F5 50%, #FAF9F7 100%);--glass-white: rgba(255, 255, 255, .92);--glass-warm: rgba(255, 251, 248, .9);--glass-blur: blur(16px);--overlay-light: rgba(255, 255, 255, .85);--overlay-dark: rgba(28, 26, 23, .5);--font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-heading: var(--font-family);--font-body: var(--font-family);--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-display: var(--text-4xl);--text-h1: 1.75rem;--text-h2: 1.375rem;--text-h3: var(--text-lg);--text-body: var(--text-base);--text-body-lg: var(--text-md);--text-caption: var(--text-sm);--text-tiny: var(--text-xs);--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--weight-regular: var(--font-normal);--weight-medium: var(--font-medium);--weight-semibold: var(--font-semibold);--weight-bold: var(--font-bold);--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--leading-loose: 1.85;--tracking-tighter: -.02em;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .01em;--tracking-wider: .02em;--tracking-widest: .06em;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--gap-card: var(--space-5);--gap-section: var(--space-8);--gap-page: var(--space-6);--gap-page-mobile: var(--space-5);--gap-items: var(--space-3);--gap-inline: var(--space-2);--radius-none: 0;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--radius-button: var(--radius-lg);--radius-button-sm: var(--radius-md);--radius-card: var(--radius-xl);--radius-input: var(--radius-lg);--radius-modal: var(--radius-2xl);--radius-chip: var(--radius-full);--radius-avatar: var(--radius-full);--radius-badge: var(--radius-md);--shadow-xs: 0 1px 2px rgba(28, 26, 23, .04);--shadow-sm: 0 2px 4px rgba(28, 26, 23, .04), 0 1px 2px rgba(28, 26, 23, .06);--shadow-md: 0 4px 8px rgba(28, 26, 23, .04), 0 2px 4px rgba(28, 26, 23, .06);--shadow-lg: 0 8px 16px rgba(28, 26, 23, .06), 0 4px 8px rgba(28, 26, 23, .04);--shadow-xl: 0 12px 24px rgba(28, 26, 23, .08), 0 6px 12px rgba(28, 26, 23, .04);--shadow-2xl: 0 20px 40px rgba(28, 26, 23, .1), 0 8px 16px rgba(28, 26, 23, .06);--shadow-primary-xs: 0 2px 4px rgba(224, 150, 141, .12);--shadow-primary-sm: 0 4px 8px rgba(224, 150, 141, .15);--shadow-primary-md: 0 6px 16px rgba(224, 150, 141, .18);--shadow-primary-lg: 0 8px 24px rgba(224, 150, 141, .22);--shadow-secondary-sm: 0 4px 8px rgba(126, 196, 146, .12);--shadow-secondary-md: 0 6px 16px rgba(126, 196, 146, .16);--shadow-accent-sm: 0 4px 8px rgba(245, 197, 92, .15);--shadow-accent-md: 0 6px 16px rgba(245, 197, 92, .2);--glow-primary: 0 0 24px rgba(224, 150, 141, .2);--glow-primary-strong: 0 0 32px rgba(224, 150, 141, .3);--glow-secondary: 0 0 24px rgba(126, 196, 146, .2);--glow-success: 0 0 20px rgba(76, 175, 122, .25);--glow-accent: 0 0 24px rgba(245, 197, 92, .25);--shadow-inner: inset 0 2px 4px rgba(28, 26, 23, .04);--shadow-inner-sm: inset 0 1px 2px rgba(28, 26, 23, .03);--shadow-focus: 0 0 0 3px rgba(224, 150, 141, .3);--shadow-focus-secondary: 0 0 0 3px rgba(126, 196, 146, .3);--shadow-focus-error: 0 0 0 3px rgba(224, 93, 79, .3);--shadow-card: var(--shadow-sm);--shadow-card-hover: var(--shadow-md);--shadow-card-active: var(--shadow-lg), var(--shadow-primary-sm);--duration-instant: 0ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--duration-slower: .5s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-spring-gentle: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--transition-fast: var(--duration-fast) var(--ease-out);--transition-normal: var(--duration-normal) var(--ease-out);--transition-slow: var(--duration-slow) var(--ease-out);--transition-spring: var(--duration-normal) var(--ease-spring);--transition-spring-slow: var(--duration-slow) var(--ease-spring-gentle);--transition-colors: color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);--transition-transform: transform var(--transition-normal);--transition-shadow: box-shadow var(--transition-normal);--transition-opacity: opacity var(--transition-normal);--transition-all: all var(--transition-normal);--z-behind: -1;--z-base: 0;--z-raised: 1;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-overlay: 40;--z-modal: 50;--z-popover: 60;--z-toast: 70;--z-tooltip: 80;--z-max: 9999;--button-height-xs: 1.75rem;--button-height-sm: 2.25rem;--button-height-md: 2.75rem;--button-height-lg: 3.25rem;--button-height-xl: 3.75rem;--input-height-sm: 2.25rem;--input-height-md: 2.75rem;--input-height-lg: 3.25rem;--icon-xs: 14px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--icon-xl: 32px;--avatar-xs: 24px;--avatar-sm: 32px;--avatar-md: 40px;--avatar-lg: 48px;--avatar-xl: 64px;--avatar-2xl: 80px;--header-height: 64px;--header-height-mobile: 56px;--tab-bar-height: 68px;--nav-height-mobile: var(--header-height-mobile);--nav-height-desktop: var(--header-height);--container-xs: 480px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--border-width-thin: 1px;--border-width-normal: 1.5px;--border-width-thick: 2px;--border-width-heavy: 3px;--grain-opacity: .03;--gradient-border-primary: linear-gradient(135deg, var(--color-primary-300), var(--color-primary-400));--gradient-border-secondary: linear-gradient(135deg, var(--color-secondary-300), var(--color-secondary-400));--gradient-border-accent: linear-gradient(135deg, var(--color-accent-300), var(--color-accent-400))}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;text-rendering:optimizeLegibility}body{margin:0;padding:0;background:var(--gradient-page);background-attachment:fixed;color:var(--color-text-main);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");z-index:var(--z-max)}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-heading);font-weight:var(--font-semibold);color:var(--color-text-main);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-h1);font-weight:var(--font-bold);letter-spacing:var(--tracking-tighter)}h2{font-size:var(--text-h2);line-height:var(--leading-snug)}h3{font-size:var(--text-lg);line-height:var(--leading-snug)}h4{font-size:var(--text-base);font-weight:var(--font-semibold)}h5{font-size:var(--text-sm);font-weight:var(--font-semibold)}h6{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.display-heading{font-family:var(--font-display);font-weight:var(--font-medium);font-style:normal;letter-spacing:var(--tracking-tight)}.display-xl{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--font-medium);line-height:var(--leading-none);letter-spacing:var(--tracking-tighter)}.display-lg{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-medium);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter)}.display-md{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-medium);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}p{margin:0;line-height:var(--leading-relaxed)}.text-display{font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--font-medium);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter)}.text-h1{font-size:var(--text-h1);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter)}.text-h2{font-size:var(--text-h2);font-weight:var(--font-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.text-h3{font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-snug)}.text-body-lg{font-size:var(--text-md);font-weight:var(--font-normal);line-height:var(--leading-relaxed)}.text-body{font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-relaxed)}.text-small{font-size:var(--text-sm);font-weight:var(--font-normal);line-height:var(--leading-normal)}.text-caption{font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide)}.text-overline{font-size:var(--text-2xs);font-weight:var(--font-semibold);line-height:var(--leading-normal);letter-spacing:var(--tracking-widest);text-transform:uppercase}.text-primary{color:var(--color-primary-400)}.text-primary-dark{color:var(--color-primary-600)}.text-secondary{color:var(--color-secondary-400)}.text-accent{color:var(--color-accent-400)}.text-muted{color:var(--color-text-muted)}.text-sub{color:var(--color-text-sub)}.text-secondary-text{color:var(--color-text-secondary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}button{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;border:none;background:none;padding:0;color:inherit}a{color:var(--color-primary-500);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--color-primary-600)}:focus-visible{outline:none;box-shadow:var(--shadow-focus)}:focus:not(:focus-visible){outline:none;box-shadow:none}::selection{background-color:var(--color-primary-200);color:var(--color-primary-800)}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}*{scrollbar-width:thin;scrollbar-color:var(--color-neutral-300) transparent}.bg-page{background:var(--gradient-page)}.bg-warm{background:var(--gradient-warm)}.bg-surface{background-color:var(--color-surface)}.bg-surface-warm{background-color:var(--color-surface-warm)}.bg-surface-subtle{background-color:var(--color-surface-subtle)}.bg-primary-50{background-color:var(--color-primary-50)}.bg-primary-100{background-color:var(--color-primary-100)}.bg-secondary-50{background-color:var(--color-secondary-50)}.bg-secondary-100{background-color:var(--color-secondary-100)}.bg-accent-50{background-color:var(--color-accent-50)}.bg-success-light{background-color:var(--color-success-light)}.bg-error-light{background-color:var(--color-error-light)}.bg-warning-light{background-color:var(--color-warning-light)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-secondary{background:var(--gradient-secondary)}.bg-gradient-premium{background:var(--gradient-premium)}.bg-gradient-card-active{background:var(--gradient-card-active)}.bg-gradient-card-completed{background:var(--gradient-card-completed)}.border-primary{border-color:var(--color-primary-200)}.border-secondary{border-color:var(--color-secondary-200)}.border-accent{border-color:var(--color-accent-200)}.border-default{border-color:var(--color-border)}.border-light{border-color:var(--color-border-light)}.border-strong{border-color:var(--color-border-strong)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-primary{box-shadow:var(--shadow-primary-md)}.shadow-card{box-shadow:var(--shadow-card)}.shadow-none{box-shadow:none}.rounded-none{border-radius:var(--radius-none)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.w-full{width:100%}.w-auto{width:auto}.max-w-xs{max-width:var(--container-xs)}.max-w-sm{max-width:var(--container-sm)}.max-w-md{max-width:var(--container-md)}.max-w-lg{max-width:var(--container-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.desktop-only{display:none}.mobile-only{display:block}@media(min-width:768px){.desktop-only{display:block}.mobile-only{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{body{background:#fff;color:#000}body:before{display:none}}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-family);font-weight:var(--font-semibold);line-height:1;text-decoration:none;white-space:nowrap;letter-spacing:-.01em;border:none;border-radius:var(--radius-button);cursor:pointer;transition:background var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-fast),border-color var(--transition-fast)}.btn--sm{height:var(--button-height-sm);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-md)}.btn--md{height:var(--button-height-md);padding:var(--space-3) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn--lg{height:var(--button-height-lg);padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-xl)}.btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm),0 4px 12px #e0968d40}.btn--primary:hover:not(:disabled){transform:translateY(-1px) scale(1.02);box-shadow:var(--shadow-md),0 8px 20px #e0968d59}.btn--primary:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:var(--shadow-xs),0 2px 8px #e0968d33}.btn--primary:focus-visible{outline:none;box-shadow:var(--shadow-sm),0 4px 12px #e0968d40,0 0 0 3px #e0968d4d}.btn--secondary{background:var(--color-neutral-100);color:var(--color-text-main);border:1.5px solid var(--color-neutral-200);box-shadow:var(--shadow-xs)}.btn--secondary:hover:not(:disabled){background:var(--color-neutral-150);border-color:var(--color-neutral-300);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn--secondary:active:not(:disabled){background:var(--color-neutral-200);transform:translateY(0) scale(.98);box-shadow:none}.btn--secondary:focus-visible{outline:none;box-shadow:var(--shadow-xs),0 0 0 3px #00000014}.btn--ghost{background:transparent;color:var(--color-text-sub)}.btn--ghost:hover:not(:disabled){background:var(--color-neutral-100);color:var(--color-text-main);transform:translateY(-1px)}.btn--ghost:active:not(:disabled){background:var(--color-neutral-150);transform:translateY(0) scale(.98)}.btn--ghost:focus-visible{outline:none;box-shadow:0 0 0 3px #0000000f}.btn--outline{background:transparent;color:var(--color-primary-400);border:1.5px solid var(--color-primary-300)}.btn--outline:hover:not(:disabled){background:var(--color-primary-50);border-color:var(--color-primary-400);color:var(--color-primary-500);transform:translateY(-1px);box-shadow:var(--shadow-primary-sm)}.btn--outline:active:not(:disabled){background:var(--color-primary-100);transform:translateY(0) scale(.98)}.btn--outline:focus-visible{outline:none;box-shadow:0 0 0 3px #e0968d33}.btn--success{background:var(--gradient-secondary);color:#fff;box-shadow:var(--shadow-sm),0 4px 12px #7ec49240}.btn--success:hover:not(:disabled){transform:translateY(-1px) scale(1.02);box-shadow:var(--shadow-md),0 8px 20px #7ec49259}.btn--success:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:var(--shadow-xs),0 2px 8px #7ec49233}.btn--success:focus-visible{outline:none;box-shadow:var(--shadow-sm),0 4px 12px #7ec49240,0 0 0 3px #7ec4924d}.btn--danger{background:linear-gradient(135deg,#e57373,#ef5350);color:#fff;box-shadow:var(--shadow-sm),0 4px 12px #ef535040}.btn--danger:hover:not(:disabled){transform:translateY(-1px) scale(1.02);box-shadow:var(--shadow-md),0 8px 20px #ef535059}.btn--danger:active:not(:disabled){transform:translateY(0) scale(.98)}.btn--danger:focus-visible{outline:none;box-shadow:var(--shadow-sm),0 0 0 3px #ef53504d}.btn--premium{background:var(--gradient-premium);color:var(--color-accent-700);font-weight:var(--font-semibold);border:1px solid var(--color-accent-200);box-shadow:var(--shadow-sm),0 4px 16px #f5c55c4d}.btn--premium:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-lg),0 8px 24px #f5c55c66}.btn--premium:active:not(:disabled){transform:translateY(0) scale(.98)}.btn--premium:focus-visible{outline:none;box-shadow:var(--shadow-sm),0 0 0 3px #f5c55c66}.btn--disabled,.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none!important}.btn--loading{position:relative;cursor:wait;pointer-events:none}.btn--loading:after{content:"";position:absolute;inset:0;border-radius:inherit;background:inherit;animation:btn-pulse 1.5s ease-in-out infinite;opacity:0}@keyframes btn-pulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.1;transform:scale(1.02)}}.btn__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-fast)}.btn__icon--left{margin-right:var(--space-1)}.btn__icon--right{margin-left:var(--space-1)}.btn:hover:not(:disabled) .btn__icon--right{transform:translate(2px)}.btn:hover:not(:disabled) .btn__icon--left{transform:translate(-2px)}.btn--sm .btn__icon svg{width:14px;height:14px}.btn--md .btn__icon svg{width:16px;height:16px}.btn--lg .btn__icon svg{width:20px;height:20px}.btn__spinner{position:absolute;display:flex;align-items:center;justify-content:center}.btn__spinner-icon{width:20px;height:20px;animation:spin .8s linear infinite}.btn__text{transition:opacity var(--transition-fast)}.btn__text--hidden{opacity:.3}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn--pill{border-radius:var(--radius-full)}.btn--icon-only{padding:0;aspect-ratio:1}.btn--icon-only.btn--sm{width:var(--button-height-sm)}.btn--icon-only.btn--md{width:var(--button-height-md)}.btn--icon-only.btn--lg{width:var(--button-height-lg)}.btn--subtle{background:transparent;color:var(--color-text-muted);font-weight:var(--font-medium)}.btn--subtle:hover:not(:disabled){color:var(--color-text-sub);background:var(--color-neutral-100)}.feedback-button{position:fixed;bottom:32px;right:32px;width:60px;height:60px;border-radius:50%;background-color:var(--color-primary);color:#fff;border:none;box-shadow:var(--shadow-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;transition:transform .2s,box-shadow .2s,bottom .3s ease}.feedback-button:hover{transform:scale(1.1);box-shadow:var(--shadow-xl)}.feedback-button:active{transform:scale(.95)}@media(max-width:767px){.feedback-button{bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom,20px) + 16px);right:16px;width:48px;height:48px}}.tab-navigation{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.05);padding-bottom:env(safe-area-inset-bottom,20px);transition:transform var(--transition-normal)}.tab-navigation__container{display:flex;align-items:center;justify-content:space-around;height:var(--tab-bar-height, 60px);max-width:500px;margin:0 auto;padding:0 var(--space-2)}.tab-navigation__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;height:100%;text-decoration:none;color:var(--color-text-sub);transition:color var(--transition-fast);position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}.tab-navigation__item:active{transform:scale(.96);transition:transform .1s}.tab-navigation__item--active{color:var(--color-primary)}.tab-navigation__icon-wrapper{position:relative;width:64px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.tab-navigation__active-bg{position:absolute;inset:0;background-color:var(--color-primary-100);border-radius:var(--radius-full);z-index:-1}.tab-navigation__icon{display:flex;align-items:center;justify-content:center;z-index:1}.tab-navigation__icon svg{width:24px;height:24px;stroke-width:2;transition:stroke-width var(--transition-fast)}.tab-navigation__item--active .tab-navigation__icon svg{stroke-width:2.5}.tab-navigation__label{font-size:11px;font-weight:var(--font-medium);letter-spacing:.01em;line-height:1}.tab-navigation__item--active .tab-navigation__label{font-weight:var(--font-semibold)}@media(min-width:768px){.tab-navigation{display:none}}.tab-navigation--hidden{display:none}.app-layout{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--gradient-warm)}.app-header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-surface);border-bottom:1px solid var(--color-border-light);padding-top:env(safe-area-inset-top,0px)}.app-header__container{max-width:1280px;margin:0 auto;padding:0 var(--space-4);height:56px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.app-header__logo{cursor:pointer;display:flex;align-items:center}.app-header__logo-img{height:32px;object-fit:contain}.app-header__nav{display:flex;align-items:center;gap:var(--space-1)}.app-header__nav-item{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-sub);text-decoration:none;transition:all var(--transition-fast)}.app-header__nav-item:hover{background:var(--color-neutral-100);color:var(--color-text-main)}.app-header__nav-item--active{background:var(--color-primary-50);color:var(--color-primary);font-weight:var(--font-semibold)}.app-header__actions{display:flex;align-items:center;gap:var(--space-3)}.app-header__premium-badge{background:var(--gradient-golden);color:var(--color-accent-700);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.app-header__user-menu{position:relative}.app-header__avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--font-semibold);font-size:var(--text-sm);transition:transform var(--transition-fast)}.app-header__avatar:hover{transform:scale(1.05)}.app-header__dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:200px;background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);overflow:hidden;z-index:var(--z-dropdown);animation:fadeIn .15s ease-out}.app-header__dropdown-user{padding:var(--space-3) var(--space-4)}.app-header__dropdown-email{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-main)}.app-header__dropdown-tier{display:block;font-size:var(--text-xs);color:var(--color-text-sub);margin-top:var(--space-1)}.app-header__dropdown-divider{height:1px;background:var(--color-border-light)}.app-header__dropdown-item{width:100%;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:none;border:none;cursor:pointer;font-size:var(--text-sm);color:var(--color-text-main);text-align:left;transition:background var(--transition-fast)}.app-header__dropdown-item:hover{background:var(--color-neutral-50)}.app-header__dropdown-item--danger{color:var(--color-error)}.app-main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:var(--space-4);padding-bottom:calc(var(--space-4) + var(--tab-bar-height) + env(safe-area-inset-bottom,0px))}@media(min-width:768px){.app-header__container{height:64px}.app-header__logo-img{height:40px}.app-main{padding:var(--space-8) var(--space-4);padding-bottom:var(--space-8)}.mobile-only{display:none!important}}@media(max-width:767px){.desktop-only{display:none!important}}.badge-card{display:flex;flex-direction:column;align-items:center;padding:1.25rem 1rem;background:#fff;border-radius:16px;border:1px solid rgba(212,165,116,.12);transition:all .3s cubic-bezier(.22,1,.36,1);text-align:center;position:relative;overflow:hidden}.badge-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#d4a574,#c49664);opacity:0;transition:opacity .2s ease}.badge-card--earned{background:linear-gradient(145deg,#fdfbf7,#faf6f2);border-color:#d4a57440;box-shadow:0 4px 16px #d4a5741a}.badge-card--earned:before{opacity:1}.badge-card--locked{opacity:.5;filter:grayscale(.5)}.badge-card--locked:hover{opacity:.7;filter:grayscale(.3)}.badge-card--clickable{cursor:pointer}.badge-card--clickable:hover{transform:translateY(-4px);box-shadow:0 8px 24px #3d32291a}.badge-card__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;margin-bottom:.75rem;position:relative;transition:transform .3s ease}.badge-card:hover .badge-card__icon{transform:scale(1.08)}.badge-card__icon--common{background:linear-gradient(145deg,#a0806026,#a0806014);color:#a08060}.badge-card__icon--rare{background:linear-gradient(145deg,#7d9a8c33,#7d9a8c1a);color:#5a7a6c}.badge-card__icon--epic{background:linear-gradient(145deg,#d4a57440,#d4a5741f);color:#c49664}.badge-card__icon--legendary{background:linear-gradient(145deg,#d4a574,#c49664);color:#fff;box-shadow:0 4px 16px #d4a57466}.badge-card--earned .badge-card__icon--common{background:linear-gradient(145deg,#a08060,#8a7050);color:#fff;box-shadow:0 4px 12px #a080604d}.badge-card--earned .badge-card__icon--rare{background:linear-gradient(145deg,#7d9a8c,#6b8a7c);color:#fff;box-shadow:0 4px 12px #7d9a8c4d}.badge-card--earned .badge-card__icon--epic{background:linear-gradient(145deg,#d4a574,#c49664);color:#fff;box-shadow:0 4px 12px #d4a57466}.badge-card--earned .badge-card__icon--legendary{animation:legendary-glow 2s ease-in-out infinite}@keyframes legendary-glow{0%,to{box-shadow:0 4px 16px #d4a57466,0 0 #d4a5744d}50%{box-shadow:0 4px 20px #d4a57480,0 0 0 8px #d4a57400}}.badge-card__name{font-family:Georgia,Times New Roman,serif;font-size:.875rem;font-weight:600;color:#3d3229;margin:0 0 .25rem;line-height:1.3}.badge-card__description{font-size:.75rem;color:#8a8078;margin:0;line-height:1.4}.badge-card__points{display:inline-flex;align-items:center;gap:.25rem;margin-top:.625rem;padding:.25rem .5rem;background:#d4a5741a;border-radius:20px;font-size:.6875rem;font-weight:600;color:#a8864e}.badge-card__rarity{position:absolute;top:.5rem;right:.5rem;font-size:.5625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.1875rem .375rem;border-radius:6px}.badge-card__rarity--common{background:#a080601a;color:#8a7050}.badge-card__rarity--rare{background:#7d9a8c1a;color:#5a7a6c}.badge-card__rarity--epic{background:#d4a57426;color:#a8864e}.badge-card__rarity--legendary{background:linear-gradient(90deg,#d4a57433,#c4966433);color:#a8864e}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.badge-section{background:linear-gradient(145deg,#faf6f2,#f5efe9);border-radius:20px;border:1px solid rgba(212,165,116,.12);padding:1.5rem;position:relative;overflow:hidden}.badge-section:before{content:"";position:absolute;top:-50px;right:-30px;width:120px;height:120px;background:radial-gradient(circle,rgba(212,165,116,.08) 0%,transparent 70%);pointer-events:none}.badge-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.badge-section__header-left{display:flex;align-items:center;gap:.75rem}.badge-section__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(145deg,#d4a574,#c49664);border-radius:14px;color:#fff;box-shadow:0 4px 16px #d4a5744d}.badge-section__title{font-family:Georgia,Times New Roman,serif;font-size:1.125rem;font-weight:600;color:#3d3229;margin:0}.badge-section__subtitle{font-size:.75rem;color:#8a8078;margin:.125rem 0 0}.badge-section__progress{display:flex;align-items:center;gap:.75rem}.badge-section__progress-bar{width:80px;height:6px;background:#d4a57426;border-radius:20px;overflow:hidden}.badge-section__progress-fill{height:100%;background:linear-gradient(90deg,#d4a574,#c49664);border-radius:20px;transition:width .5s ease}.badge-section__progress-text{font-size:.8125rem;font-weight:600;color:#a8864e}.badge-section__tabs{display:flex;gap:.5rem;margin-bottom:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.badge-section__tab{padding:.5rem .875rem;background:#fff;border:1px solid rgba(212,165,116,.12);border-radius:20px;font-size:.75rem;font-weight:600;color:#8a8078;cursor:pointer;white-space:nowrap;transition:all .2s ease}.badge-section__tab:hover{border-color:#d4a57440;color:#6b5f54}.badge-section__tab--active{background:linear-gradient(145deg,#d4a574,#c49664);border-color:transparent;color:#fff;box-shadow:0 2px 8px #d4a5744d}.badge-celebration{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.badge-celebration__backdrop{position:absolute;inset:0;background:linear-gradient(180deg,#3d3229cc,#2d251fe6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.badge-celebration__content{position:relative;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#fdfbf7,#faf6f2);border-radius:28px;padding:2.5rem 2rem;max-width:320px;width:100%;text-align:center;box-shadow:0 25px 80px #3d322966,0 0 0 1px #d4a5741a;animation:celebration-bounce .5s cubic-bezier(.22,1,.36,1)}@keyframes celebration-bounce{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.badge-celebration__confetti{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:200px;height:200px;pointer-events:none}.badge-celebration__icon{display:flex;align-items:center;justify-content:center;width:88px;height:88px;margin-bottom:1.25rem;border-radius:50%;background:linear-gradient(145deg,#d4a574,#c49664);color:#fff;box-shadow:0 8px 32px #d4a57466,0 0 0 8px #d4a5741a;animation:icon-pulse 1.5s ease-in-out infinite}@keyframes icon-pulse{0%,to{box-shadow:0 8px 32px #d4a57466,0 0 0 8px #d4a5741a}50%{box-shadow:0 8px 40px #d4a57480,0 0 0 16px #d4a57400}}.badge-celebration__icon svg{width:44px;height:44px}.badge-celebration__label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#d4a574;margin-bottom:.5rem}.badge-celebration__title{font-family:Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:600;color:#3d3229;margin:0 0 .5rem}.badge-celebration__description{font-size:.9375rem;color:#6b5f54;margin:0 0 1.5rem;line-height:1.5}.badge-celebration__points{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#d4a5741f;border-radius:20px;font-size:.875rem;font-weight:600;color:#a8864e;margin-bottom:1.5rem}.badge-celebration__button{width:100%;padding:1rem;background:linear-gradient(145deg,#d4a574,#c49664);border:none;border-radius:14px;color:#fff;font-family:Georgia,Times New Roman,serif;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #d4a5744d}.badge-celebration__button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #d4a57466}.badge-detail{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:1rem}.badge-detail__backdrop{position:absolute;inset:0;background:#3d322999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.badge-detail__content{position:relative;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#fdfbf7,#faf6f2);border-radius:24px;padding:2rem 1.5rem;max-width:340px;width:100%;text-align:center;box-shadow:0 20px 60px #3d32294d}.badge-detail__close{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#3d32290d;border:none;border-radius:10px;color:#8a8078;cursor:pointer;transition:all .2s ease}.badge-detail__close:hover{background:#3d32291a;color:#3d3229}.badge-detail__icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin-bottom:1rem;border-radius:50%}.badge-detail__rarity{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.25rem .625rem;border-radius:20px;margin-bottom:.75rem}.badge-detail__rarity--common{background:#a080601a;color:#8a7050}.badge-detail__rarity--rare{background:#7d9a8c1a;color:#5a7a6c}.badge-detail__rarity--epic{background:#d4a57426;color:#a8864e}.badge-detail__rarity--legendary{background:linear-gradient(90deg,#d4a57433,#c4966433);color:#a8864e}.badge-detail__name{font-family:Georgia,Times New Roman,serif;font-size:1.25rem;font-weight:600;color:#3d3229;margin:0 0 .5rem}.badge-detail__description{font-size:.875rem;color:#6b5f54;margin:0 0 1rem;line-height:1.5}.badge-detail__requirement{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#d4a57414;border-radius:12px;font-size:.8125rem;color:#6b5f54;width:100%;justify-content:center}.badge-detail__status{margin-top:1rem;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600}.badge-detail__status--earned{background:#7d9a8c1a;color:#5a7a6c}.badge-detail__status--locked{background:#a080601a;color:#8a7050}.badge-empty{text-align:center;padding:2rem 1rem}.badge-empty__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 1rem;background:linear-gradient(145deg,#d4a57426,#d4a57414);border-radius:16px;color:#d4a574}.badge-empty__title{font-family:Georgia,Times New Roman,serif;font-size:1rem;font-weight:600;color:#3d3229;margin:0 0 .375rem}.badge-empty__message{font-size:.875rem;color:#8a8078;margin:0;line-height:1.5}@media(max-width:480px){.badge-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.badge-card{padding:1rem .75rem;border-radius:14px}.badge-card__icon{width:48px;height:48px}.badge-card__name{font-size:.8125rem}.badge-card__description{font-size:.6875rem}.badge-section{padding:1.25rem;border-radius:16px}.badge-section__tabs{margin-left:-1.25rem;margin-right:-1.25rem;padding-left:1.25rem;padding-right:1.25rem}.badge-celebration__content{padding:2rem 1.5rem;border-radius:24px}.badge-celebration__icon{width:72px;height:72px}.badge-celebration__icon svg{width:36px;height:36px}}.trophy-room{min-height:100vh;background:linear-gradient(180deg,#fdfbf7,#f8f4ef,#f5efe9);padding-bottom:100px;position:relative}.trophy-room:before{content:"";position:fixed;top:0;left:0;right:0;height:300px;background:radial-gradient(ellipse at 30% -20%,rgba(212,165,116,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% -10%,rgba(196,150,100,.06) 0%,transparent 40%);pointer-events:none;z-index:0}.trophy-room__header{position:relative;z-index:1;display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#fdfbf7e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(212,165,116,.1)}.trophy-room__back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:1px solid rgba(212,165,116,.15);border-radius:12px;color:#6b5f54;cursor:pointer;transition:all .2s ease}.trophy-room__back:hover{background:#faf6f2;border-color:#d4a57440;color:#3d3229}.trophy-room__title-section{display:flex;align-items:center;gap:.75rem;flex:1}.trophy-room__title-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(145deg,#d4a574,#c49664);border-radius:14px;color:#fff;box-shadow:0 4px 16px #d4a57459}.trophy-room__title{font-family:Georgia,Times New Roman,serif;font-size:1.375rem;font-weight:600;color:#3d3229;margin:0;line-height:1.2}.trophy-room__subtitle{font-size:.8125rem;color:#8a8078;margin:.125rem 0 0}.trophy-room__stats{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.25rem;margin:1rem 1rem .5rem;background:#fff;border-radius:20px;box-shadow:0 4px 20px #3d32290f}.trophy-room__stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.trophy-room__stat-value{font-family:Georgia,Times New Roman,serif;font-size:1.75rem;font-weight:600;color:#3d3229;line-height:1}.trophy-room__stat-label{font-size:.75rem;font-weight:500;color:#8a8078;text-transform:uppercase;letter-spacing:.03em}.trophy-room__progress-ring{position:relative;width:88px;height:88px}.trophy-room__ring-bg{stroke:#d4a57426}.trophy-room__ring-fill{stroke:url(#goldGradient);stroke:#d4a574;transition:stroke-dashoffset .5s ease}.trophy-room__ring-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.trophy-room__ring-percent{font-family:Georgia,Times New Roman,serif;font-size:1.25rem;font-weight:600;color:#d4a574}.trophy-room__tabs{position:relative;z-index:1;display:flex;gap:.5rem;padding:.75rem 1.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.trophy-room__tabs::-webkit-scrollbar{display:none}.trophy-room__tab{flex-shrink:0;padding:.625rem 1rem;background:#fff;border:1px solid rgba(212,165,116,.12);border-radius:24px;font-size:.8125rem;font-weight:600;color:#8a8078;cursor:pointer;transition:all .2s ease;white-space:nowrap}.trophy-room__tab:hover{border-color:#d4a5744d;color:#6b5f54}.trophy-room__tab--active{background:linear-gradient(145deg,#d4a574,#c49664);border-color:transparent;color:#fff;box-shadow:0 4px 12px #d4a57459}.trophy-room__section{position:relative;z-index:1;padding:0 1.25rem;margin-bottom:1.5rem}.trophy-room__section-title{display:flex;align-items:center;gap:.5rem;font-family:Georgia,Times New Roman,serif;font-size:1rem;font-weight:600;color:#3d3229;margin:0 0 1rem}.trophy-room__section-title svg{color:#d4a574}.trophy-room__section-title--locked{color:#8a8078}.trophy-room__section-title--locked svg{color:#a09890}.trophy-room__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem}.trophy-badge{position:relative;display:flex;flex-direction:column;align-items:center;padding:1rem .625rem .75rem;background:#fff;border:1px solid rgba(212,165,116,.1);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1);overflow:visible}.trophy-badge--earned{background:linear-gradient(145deg,#fdfbf9,#faf6f2);border-color:#d4a57433;box-shadow:0 4px 16px #d4a5741f}.trophy-badge--earned:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#d4a574,#c49664);border-radius:16px 16px 0 0}.trophy-badge--unearned{filter:grayscale(1);opacity:.6}.trophy-badge--unearned:hover{filter:grayscale(.3);opacity:.85;transform:translateY(-2px);box-shadow:0 6px 20px #3d32291a}.trophy-badge--premium-locked{filter:grayscale(1);opacity:.45}.trophy-badge--premium-locked:hover{filter:grayscale(.5);opacity:.65}.trophy-badge__lock-overlay{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#3d3229b3;border-radius:8px;color:#fff;z-index:2}.trophy-badge__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;margin-bottom:.625rem;transition:transform .3s ease,box-shadow .3s ease}.trophy-badge:hover .trophy-badge__icon{transform:scale(1.08)}.trophy-badge__icon--common{background:linear-gradient(145deg,#8a7a6a26,#8a7a6a14);color:#8a7a6a}.trophy-badge__icon--rare{background:linear-gradient(145deg,#7d9a8c33,#7d9a8c1a);color:#5a7a6c}.trophy-badge__icon--epic{background:linear-gradient(145deg,#d4a57433,#d4a5741a);color:#c49664}.trophy-badge__icon--legendary{background:linear-gradient(145deg,#d4a574,#c49664);color:#fff;box-shadow:0 4px 16px #d4a57466}.trophy-badge--earned .trophy-badge__icon--common{background:linear-gradient(145deg,#a08060,#8a7050);color:#fff;box-shadow:0 4px 12px #a0806059}.trophy-badge--earned .trophy-badge__icon--rare{background:linear-gradient(145deg,#7d9a8c,#6b8a7c);color:#fff;box-shadow:0 4px 12px #7d9a8c59}.trophy-badge--earned .trophy-badge__icon--epic{background:linear-gradient(145deg,#d4a574,#c49664);color:#fff;box-shadow:0 4px 16px #d4a57473}.trophy-badge--earned .trophy-badge__icon--legendary{animation:legendary-shimmer 2.5s ease-in-out infinite}@keyframes legendary-shimmer{0%,to{box-shadow:0 4px 16px #d4a57466,0 0 #d4a5744d}50%{box-shadow:0 6px 24px #d4a5748c,0 0 0 8px #d4a57400}}.trophy-badge__name{font-family:Georgia,Times New Roman,serif;font-size:.75rem;font-weight:600;color:#3d3229;text-align:center;line-height:1.3;margin-bottom:.25rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.trophy-badge__points{font-size:.625rem;font-weight:600;color:#a8864e;background:#d4a5741a;padding:.125rem .375rem;border-radius:10px}.trophy-badge__earned-check{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:linear-gradient(145deg,#7d9a8c,#6b8a7c);border-radius:50%;color:#fff;box-shadow:0 2px 8px #7d9a8c66}.trophy-badge__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) scale(.95);width:180px;padding:.75rem;background:#3d3229;border-radius:12px;box-shadow:0 8px 32px #3d32294d;opacity:0;visibility:hidden;transition:all .2s ease;z-index:100;pointer-events:none}.trophy-badge__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#3d3229}.trophy-badge:hover .trophy-badge__tooltip{opacity:1;visibility:visible;transform:translate(-50%) scale(1)}.trophy-badge__tooltip-title{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;font-weight:700;color:#d4a574;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem}.trophy-badge__tooltip-desc{font-size:.8125rem;color:#ffffffe6;line-height:1.4}.trophy-room__premium-cta{position:relative;z-index:1;display:flex;align-items:center;gap:1rem;margin:1.5rem 1.25rem;padding:1.25rem;background:linear-gradient(145deg,#d4a57414,#c496640d);border:1px dashed rgba(212,165,116,.25);border-radius:16px}.trophy-room__premium-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(145deg,#d4a574,#c49664);border-radius:14px;color:#fff;flex-shrink:0;box-shadow:0 4px 16px #d4a57459}.trophy-room__premium-text{flex:1;min-width:0}.trophy-room__premium-text h3{font-family:Georgia,Times New Roman,serif;font-size:.9375rem;font-weight:600;color:#3d3229;margin:0 0 .25rem}.trophy-room__premium-text p{font-size:.75rem;color:#8a8078;margin:0;line-height:1.4}.trophy-room__premium-button{flex-shrink:0;padding:.625rem 1.25rem;background:linear-gradient(145deg,#d4a574,#c49664);border:none;border-radius:12px;color:#fff;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #d4a5744d}.trophy-room__premium-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4a57466}.trophy-room__loading{display:flex;align-items:center;justify-content:center;padding:4rem}.trophy-room__loading-spinner{width:40px;height:40px;border:3px solid rgba(212,165,116,.2);border-top-color:#d4a574;border-radius:50%;animation:spin .8s linear infinite}.trophy-modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1.25rem}.trophy-modal__backdrop{position:absolute;inset:0;background:linear-gradient(180deg,#3d3229bf,#2d251fd9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.trophy-modal__content{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;max-width:320px;padding:2rem 1.5rem;background:linear-gradient(180deg,#fdfbf7,#faf6f2);border-radius:24px;text-align:center;box-shadow:0 25px 80px #3d322966,0 0 0 1px #d4a5741a}.trophy-modal__close{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#3d32290d;border:none;border-radius:10px;color:#8a8078;cursor:pointer;transition:all .2s ease}.trophy-modal__close:hover{background:#3d32291a;color:#3d3229}.trophy-modal__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;margin-bottom:1rem;transition:all .3s ease}.trophy-modal__icon--common{background:linear-gradient(145deg,#8a7a6a33,#8a7a6a1a);color:#8a7a6a}.trophy-modal__icon--rare{background:linear-gradient(145deg,#7d9a8c33,#7d9a8c1a);color:#6b8a7c}.trophy-modal__icon--epic{background:linear-gradient(145deg,#d4a57433,#d4a5741a);color:#c49664}.trophy-modal__icon--legendary{background:linear-gradient(145deg,#d4a5744d,#c4966433);color:#c49664}.trophy-modal__icon--earned.trophy-modal__icon--common{background:linear-gradient(145deg,#a08060,#8a7050);color:#fff;box-shadow:0 6px 20px #a0806066}.trophy-modal__icon--earned.trophy-modal__icon--rare{background:linear-gradient(145deg,#7d9a8c,#6b8a7c);color:#fff;box-shadow:0 6px 20px #7d9a8c66}.trophy-modal__icon--earned.trophy-modal__icon--epic{background:linear-gradient(145deg,#d4a574,#c49664);color:#fff;box-shadow:0 6px 20px #d4a57473}.trophy-modal__icon--earned.trophy-modal__icon--legendary{background:linear-gradient(145deg,#d4a574,#c49664);color:#fff;box-shadow:0 8px 32px #d4a57480;animation:modal-legendary-pulse 2s ease-in-out infinite}@keyframes modal-legendary-pulse{0%,to{box-shadow:0 8px 32px #d4a57480,0 0 #d4a5744d}50%{box-shadow:0 8px 40px #d4a57499,0 0 0 12px #d4a57400}}.trophy-modal__rarity{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.trophy-modal__rarity--common{background:#8a7a6a1a;color:#8a7050}.trophy-modal__rarity--rare{background:#7d9a8c1f;color:#5a7a6c}.trophy-modal__rarity--epic{background:#d4a5741f;color:#a8864e}.trophy-modal__rarity--legendary{background:linear-gradient(90deg,#d4a57426,#c4966426);color:#a8864e}.trophy-modal__name{font-family:Georgia,Times New Roman,serif;font-size:1.375rem;font-weight:600;color:#3d3229;margin:0 0 .5rem}.trophy-modal__description{font-size:.9375rem;color:#6b5f54;line-height:1.5;margin:0 0 1rem}.trophy-modal__points{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#d4a5741a;border-radius:20px;font-size:.875rem;font-weight:600;color:#a8864e;margin-bottom:1rem}.trophy-modal__status{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:12px;font-size:.8125rem;font-weight:500}.trophy-modal__status--earned{background:#7d9a8c1a;color:#5a7a6c}.trophy-modal__status--locked{background:#8a7a6a1a;color:#8a7050}.trophy-modal__status--progress{background:#d4a5741a;color:#a8864e}@media(max-width:380px){.trophy-room__grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.trophy-badge{padding:.875rem .5rem .625rem}.trophy-badge__icon{width:44px;height:44px}.trophy-badge__name{font-size:.6875rem}}@media(min-width:480px){.trophy-room__grid{grid-template-columns:repeat(4,1fr)}.trophy-room__stats{margin:1rem 1.5rem .5rem;padding:2rem}.trophy-room__stat-value{font-size:2rem}.trophy-room__section{padding:0 1.5rem}}@media(min-width:640px){.trophy-room__grid{grid-template-columns:repeat(5,1fr);gap:1rem}.trophy-badge{padding:1.25rem .75rem 1rem}.trophy-badge__icon{width:56px;height:56px}.trophy-badge__name{font-size:.8125rem}}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.input-wrapper--full{width:100%}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-main);line-height:var(--leading-normal)}.input-container{position:relative;display:flex;align-items:center;border-radius:var(--radius-input);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.input-container--default{background-color:var(--color-surface);border:1px solid var(--color-neutral-200)}.input-container--default:hover:not(.input-container--disabled):not(.input-container--focused){border-color:var(--color-neutral-300)}.input-container--filled{background-color:var(--color-neutral-100);border:1px solid transparent}.input-container--filled:hover:not(.input-container--disabled):not(.input-container--focused){background-color:var(--color-neutral-200)}.input-container--focused{border-color:var(--color-primary-400);box-shadow:var(--shadow-focus)}.input-container--filled.input-container--focused{background-color:var(--color-surface);border-color:var(--color-primary-400)}.input-container--error{border-color:var(--color-error)}.input-container--error.input-container--focused{box-shadow:0 0 0 3px #ef444433}.input-container--disabled{background-color:var(--color-neutral-100);border-color:var(--color-neutral-200);cursor:not-allowed;opacity:.6}.input-container--textarea{align-items:flex-start}.input-container--has-left-icon .input-field{padding-left:var(--space-10)}.input-container--has-right-icon .input-field{padding-right:var(--space-10)}.input-field{width:100%;height:var(--input-height-md);padding:var(--space-3) var(--space-4);border:none;background:transparent;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-main);outline:none;border-radius:var(--radius-input)}.input-field::placeholder{color:var(--color-neutral-400)}.input-field:disabled{cursor:not-allowed}.input-field--textarea{height:auto;min-height:100px;resize:vertical;line-height:var(--leading-relaxed)}.input-icon{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--color-neutral-400);pointer-events:none}.input-icon--left{left:var(--space-3)}.input-icon--right{right:var(--space-3)}.input-icon svg{width:20px;height:20px}.input-container--focused .input-icon{color:var(--color-primary-400)}.input-container--error .input-icon{color:var(--color-error)}.input-hint{margin:0;font-size:var(--text-xs);color:var(--color-text-sub);line-height:var(--leading-normal)}.input-error{margin:0;font-size:var(--text-xs);color:var(--color-error);line-height:var(--leading-normal)}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-normal)}.card--default{box-shadow:var(--shadow-sm)}.card--outlined{box-shadow:none}.card--elevated{box-shadow:var(--shadow-md);border-color:transparent}.card--highlight{background:var(--gradient-warm);border:1px solid var(--color-primary-200);box-shadow:var(--shadow-md)}.card--padding-none{padding:0}.card--padding-sm{padding:var(--space-3)}.card--padding-md{padding:var(--space-4)}.card--padding-lg{padding:var(--space-6)}.card--interactive{cursor:pointer}.card--interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card--clickable{cursor:pointer}.card--clickable:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.card__header-content{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.card__header-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:var(--radius-md);background-color:var(--color-primary-50);color:var(--color-primary-400)}.card__header-icon svg{width:18px;height:18px}.card__header-text{flex:1;min-width:0}.card__title{margin:0;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-main);line-height:var(--leading-tight)}.card__subtitle{margin:var(--space-1) 0 0 0;font-size:var(--text-sm);color:var(--color-text-sub);line-height:var(--leading-normal)}.card__header-action{flex-shrink:0}.card__body{font-size:var(--text-base);color:var(--color-text-main);line-height:var(--leading-relaxed)}.card__body p{margin:0}.card__body p+p{margin-top:var(--space-3)}.card__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}@media(max-width:640px){.card--padding-lg{padding:var(--space-4)}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);padding:var(--space-4)}.auth-page__container{width:100%;max-width:400px}.auth-page__hero{text-align:center;margin-bottom:var(--space-6)}.auth-page__logo{max-width:200px;width:100%;height:auto;margin-bottom:var(--space-4)}.auth-page__title{font-size:var(--text-h2);color:var(--color-text-main);margin-bottom:var(--space-2);font-weight:var(--weight-semibold);letter-spacing:-.02em}.auth-page__subtitle{color:var(--color-text-sub);font-size:var(--text-body)}.auth-page__form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-page__form-group{display:flex;flex-direction:column}.auth-page__label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-main)}.auth-page__label-row{display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.auth-page__error{color:var(--color-error);font-size:var(--text-tiny);margin-top:4px;display:block}.auth-page__error-box{padding:var(--space-3);background-color:var(--color-error-light);color:var(--color-error-dark);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid var(--color-error)}.auth-page__divider{display:flex;align-items:center;margin:var(--space-2) 0}.auth-page__divider-line{flex:1;height:1px;background-color:var(--color-border-light)}.auth-page__divider-text{padding:0 var(--space-3);color:var(--color-text-sub);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.auth-page__footer{text-align:center;margin-top:var(--space-6)}.auth-page__footer-text{color:var(--color-text-sub);font-size:var(--text-sm)}.auth-page__footer-link{color:var(--color-primary);font-weight:var(--weight-semibold);text-decoration:none;cursor:pointer}.auth-page__footer-link:hover{text-decoration:underline}.auth-page__legal{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:var(--space-4);text-align:center}.auth-page__legal-link{color:var(--color-primary);font-weight:var(--weight-medium);text-decoration:none}.auth-page__legal-link:hover{text-decoration:underline}.auth-modal-overlay{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.auth-modal{background-color:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-xl);overflow:hidden}.auth-modal__content{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.auth-modal__header{display:flex;justify-content:space-between;align-items:flex-start}.auth-modal__title{font-size:var(--text-h2);font-weight:var(--weight-semibold);color:var(--color-text-main);margin:0}.auth-modal__close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text-muted);padding:0;line-height:1}.auth-modal__close:hover{color:var(--color-text-main)}.auth-modal__body{display:flex;flex-direction:column;gap:var(--space-4)}.auth-modal__text{font-size:var(--text-body);color:var(--color-text-main);line-height:1.6;margin:0}.auth-modal__tip{background-color:var(--color-success-light);padding:var(--space-4);border-radius:var(--radius-md);border-left:4px solid var(--color-success)}.auth-modal__tip-title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-success);margin-bottom:var(--space-2);margin-top:0}.auth-modal__tip-text{font-size:var(--text-sm);color:var(--color-text-main);line-height:1.6;margin:0}.auth-modal__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background-color:var(--color-background)}.step-wrapper{display:flex;flex-direction:column;align-items:stretch}.step-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-5);transition:all var(--transition-normal);position:relative;overflow:hidden}.step-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;transition:opacity var(--transition-normal)}.step-card--active{background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,var(--gradient-primary) border-box;border:2px solid transparent;box-shadow:var(--shadow-md),0 4px 20px #e0968d26}.step-card--active:before{background:linear-gradient(135deg,rgba(224,150,141,.04) 0%,transparent 50%);opacity:1}.step-card--active:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 8px 32px #e0968d33}.step-card--active .step-card__indicator{animation:indicator-pulse 2s ease-in-out infinite}@keyframes indicator-pulse{0%,to{box-shadow:0 0 #e0968d66}50%{box-shadow:0 0 0 8px #e0968d00}}.step-card--completed{background:linear-gradient(var(--color-secondary-50),var(--color-secondary-50)) padding-box,linear-gradient(135deg,var(--color-secondary-200) 0%,var(--color-secondary-300) 100%) border-box;border:1.5px solid transparent;box-shadow:var(--shadow-sm)}.step-card--completed:before{background:linear-gradient(135deg,rgba(126,196,146,.05) 0%,transparent 60%);opacity:1}.step-card--completed .step-card__indicator svg{animation:check-draw .4s ease-out}@keyframes check-draw{0%{stroke-dasharray:0 100;opacity:0}to{stroke-dasharray:100 0;opacity:1}}.step-card--locked{background:var(--color-neutral-100);border:1.5px dashed var(--color-neutral-250);box-shadow:none}.step-card--locked:before{opacity:0}.step-card--locked .step-card__body{opacity:.7}.step-card--loading{background:var(--color-surface);border:1.5px solid var(--color-neutral-200);box-shadow:var(--shadow-xs)}.step-card__header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.step-card__indicator{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);flex-shrink:0;font-weight:var(--font-bold);font-size:var(--text-base);transition:all var(--transition-normal)}.step-card__indicator--active{background:var(--gradient-primary);color:#fff;box-shadow:0 3px 12px #e0968d59}.step-card__indicator--completed{background:var(--gradient-secondary);color:#fff;box-shadow:0 3px 12px #7ec49259}.step-card__indicator--locked{background:var(--color-neutral-200);color:var(--color-neutral-400);border:1.5px dashed var(--color-neutral-300)}.step-card__indicator--loading{background:var(--color-neutral-150);color:var(--color-neutral-400)}.step-card__step-number{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold)}.step-card__title-wrapper{flex:1;display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.step-card__title{margin:0;font-family:var(--font-family);font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-tight);letter-spacing:-.01em;transition:color var(--transition-fast)}.step-card__title--active{color:var(--color-text-main)}.step-card__title--completed{color:var(--color-secondary-600)}.step-card__title--locked,.step-card__title--loading{color:var(--color-text-muted)}.step-card__badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.04em}.step-card__badge--completed{background:var(--color-secondary-100);color:var(--color-secondary-600);border:1px solid var(--color-secondary-200)}.step-card__badge--locked{background:var(--color-neutral-150);color:var(--color-neutral-500);border:1px solid var(--color-neutral-200)}.step-card__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-lg);background:var(--color-primary-50);color:var(--color-primary-400);transition:all var(--transition-fast)}.step-card--active:hover .step-card__icon{background:var(--color-primary-100);transform:scale(1.05)}.step-card__body,.step-card__body--locked{padding-left:calc(40px + var(--space-4))}.step-card__locked{display:flex;flex-direction:column;gap:var(--space-2)}.step-card__locked-message{margin:0;font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.step-card__hint{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);opacity:.8;display:flex;align-items:center;gap:var(--space-2)}.step-card__hint:before{content:"";width:4px;height:4px;border-radius:var(--radius-full);background:var(--color-neutral-300)}.step-card__loading{padding:var(--space-2) 0}.step-card__skeleton{display:flex;flex-direction:column;gap:var(--space-3)}.step-card__skeleton-line{height:16px;background:linear-gradient(90deg,var(--color-neutral-150) 0%,var(--color-neutral-100) 50%,var(--color-neutral-150) 100%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-md)}.step-card__skeleton-line--full{width:100%}.step-card__skeleton-line--medium{width:70%}.step-card__skeleton-line--short{width:45%}.step-connector{display:flex;justify-content:flex-start;padding-left:calc(var(--space-5) + 20px - 1px);height:28px}.step-connector__line{width:2px;height:100%;border-radius:var(--radius-full);transition:all var(--transition-normal)}.step-connector--active .step-connector__line{background:linear-gradient(to bottom,var(--color-secondary-400),var(--color-secondary-300));box-shadow:0 0 6px #7ec4924d}.step-connector--inactive .step-connector__line{background:repeating-linear-gradient(to bottom,var(--color-neutral-250) 0px,var(--color-neutral-250) 5px,transparent 5px,transparent 10px)}@media(max-width:640px){.step-card{padding:var(--space-4);border-radius:var(--radius-lg)}.step-card__header{gap:var(--space-3);margin-bottom:var(--space-3)}.step-card__indicator{width:36px;height:36px}.step-card__step-number{font-size:var(--text-base)}.step-card__body,.step-card__body--locked{padding-left:calc(36px + var(--space-3))}.step-card__title{font-size:var(--text-base)}.step-card__badge{font-size:10px;padding:3px 8px}.step-connector{padding-left:calc(var(--space-4) + 18px - 1px);height:20px}}.step-card:focus-visible{outline:none;box-shadow:var(--shadow-md),0 0 0 3px #e0968d40}.step-content{display:flex;flex-direction:column;gap:var(--space-3)}.step-content__text{margin:0;font-size:var(--text-base);color:var(--color-text-main);line-height:var(--leading-relaxed)}.step-content__subtext{margin:0;font-size:var(--text-sm);color:var(--color-text-sub);line-height:var(--leading-relaxed)}.step-content__actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.step-content--completed{display:flex;align-items:center;gap:var(--space-2)}.step-content--completed .step-content__text{color:var(--color-secondary-600)}.step-content__progress{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.step-content__progress-bar{flex:1;height:4px;background:var(--color-neutral-150);border-radius:var(--radius-full);overflow:hidden}.step-content__progress-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--transition-normal)}.step-card--active .step-content__actions .btn--primary{background:var(--gradient-primary)}.step-card--completed .step-content__actions .btn{background:var(--color-secondary-100);color:var(--color-secondary-600);border:1px solid var(--color-secondary-200)}.step-card--completed .step-content__actions .btn:hover{background:var(--color-secondary-150)}.progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-ring__svg{transform:rotate(-90deg);filter:drop-shadow(0 2px 4px rgba(0,0,0,.05))}.progress-ring__background{stroke:var(--color-neutral-150);transition:stroke var(--transition-normal)}.progress-ring__progress{transition:stroke var(--transition-normal);filter:drop-shadow(0 2px 8px var(--ring-shadow-color, rgba(224, 150, 141, .3)))}.progress-ring--primary .progress-ring__progress{stroke:url(#progress-gradient-primary);--ring-shadow-color: rgba(224, 150, 141, .3)}.progress-ring--secondary .progress-ring__progress{stroke:url(#progress-gradient-secondary);--ring-shadow-color: rgba(126, 196, 146, .3)}.progress-ring--accent .progress-ring__progress{stroke:url(#progress-gradient-accent);--ring-shadow-color: rgba(245, 197, 92, .3)}.progress-ring--success .progress-ring__progress{stroke:url(#progress-gradient-success);--ring-shadow-color: rgba(16, 185, 129, .3)}@supports not (stroke: url(#gradient)){.progress-ring--primary .progress-ring__progress{stroke:var(--color-primary-400)}.progress-ring--secondary .progress-ring__progress{stroke:var(--color-secondary-400)}.progress-ring--accent .progress-ring__progress{stroke:var(--color-accent-400)}.progress-ring--success .progress-ring__progress{stroke:#10b981}}.progress-ring--sm{width:48px;height:48px}.progress-ring--md{width:72px;height:72px}.progress-ring--lg{width:96px;height:96px}.progress-ring--xl{width:128px;height:128px}.progress-ring__content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.progress-ring__value-wrapper{display:flex;flex-direction:column;align-items:center;gap:2px}.progress-ring__value{font-family:var(--font-family);font-weight:var(--font-bold);color:var(--color-text-main);line-height:1;letter-spacing:-.02em}.progress-ring__percent{font-size:.6em;font-weight:var(--font-semibold);color:var(--color-text-muted);margin-left:1px}.progress-ring__label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.progress-ring--sm .progress-ring__value{font-size:12px}.progress-ring--sm .progress-ring__percent{font-size:8px}.progress-ring--sm .progress-ring__label{display:none}.progress-ring--md .progress-ring__value{font-size:16px}.progress-ring--lg .progress-ring__value{font-size:22px}.progress-ring--xl .progress-ring__value{font-size:32px}.progress-ring--xl .progress-ring__label{font-size:var(--text-sm);margin-top:4px}.progress-ring:hover .progress-ring__progress{filter:drop-shadow(0 4px 12px var(--ring-shadow-color, rgba(224, 150, 141, .4)))}.progress-ring[data-complete=true] .progress-ring__progress{animation:ring-complete .5s ease-out}@keyframes ring-complete{0%{filter:drop-shadow(0 0 0 var(--ring-shadow-color))}50%{filter:drop-shadow(0 0 20px var(--ring-shadow-color))}to{filter:drop-shadow(0 2px 8px var(--ring-shadow-color))}}.progress-ring--card{padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-2xl);border:1px solid var(--color-neutral-150);box-shadow:var(--shadow-sm)}.progress-ring--card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);transition:all var(--transition-normal)}@media(prefers-reduced-motion:reduce){.progress-ring__progress{transition:none}.progress-ring[data-complete=true] .progress-ring__progress{animation:none}}.premium-v4-backdrop{position:fixed;inset:0;background:#0f0a0599;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-overlay)}.premium-v4-container{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:var(--z-modal);pointer-events:none;overflow-y:auto}.premium-v4{position:relative;width:100%;max-width:420px;max-height:calc(100vh - var(--space-8));overflow-y:auto;overflow-x:hidden;background:var(--color-surface);border-radius:var(--radius-2xl);box-shadow:0 0 0 1px #0000000a,0 24px 64px #0003,0 8px 24px #0000001a;pointer-events:auto}.premium-v4::-webkit-scrollbar{width:0;height:0}.premium-v4__bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:inherit}.premium-v4__orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5}.premium-v4__orb--1{top:-60px;right:-40px;width:200px;height:200px;background:linear-gradient(135deg,#f5c55c,#e8a832)}.premium-v4__orb--2{bottom:40%;left:-60px;width:180px;height:180px;background:linear-gradient(135deg,#7c9a5e,#a3be8c);opacity:.3}.premium-v4__grain{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;mix-blend-mode:overlay}.premium-v4__close{position:absolute;top:var(--space-4);right:var(--space-4);width:36px;height:36px;border-radius:var(--radius-full);background:#ffffffe6;border:1px solid var(--color-neutral-150);display:flex;align-items:center;justify-content:center;color:var(--color-text-sub);cursor:pointer;transition:all var(--transition-fast);z-index:10}.premium-v4__close:hover{background:#fff;color:var(--color-text-main);transform:scale(1.05);box-shadow:var(--shadow-sm)}.premium-v4__hero{position:relative;padding:var(--space-8) var(--space-6) var(--space-5);text-align:center;background:linear-gradient(165deg,rgba(245,197,92,.12) 0%,rgba(245,197,92,.04) 50%,transparent 100%);border-bottom:1px solid var(--color-neutral-100)}.premium-v4__crown{position:relative;width:64px;height:64px;margin:0 auto var(--space-4);background:linear-gradient(145deg,#f5c55c,#e8a832,#d4941f);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#7a5c1d;box-shadow:0 4px 16px #f5c55c66,0 2px 8px #f5c55c4d,inset 0 2px 4px #ffffff4d}.premium-v4__crown-glow{position:absolute;inset:-4px;border-radius:inherit;background:linear-gradient(145deg,#f5c55c,transparent);opacity:.3;animation:crownPulse 3s ease-in-out infinite}@keyframes crownPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.15}}.premium-v4__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-main);margin:0 0 var(--space-2);letter-spacing:-.02em;line-height:1.2}.premium-v4__subtitle{font-size:var(--text-sm);color:var(--color-text-sub);margin:0;line-height:var(--leading-relaxed)}.premium-v4__content{position:relative;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.premium-v4__exclusives{display:flex;flex-direction:column;gap:var(--space-3)}.premium-v4__section-label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-accent-600);text-transform:uppercase;letter-spacing:.08em;padding-bottom:var(--space-1)}.premium-v4__section-label svg{color:var(--color-accent-500)}.premium-v4__feature-cards{display:flex;flex-direction:column;gap:var(--space-2)}.premium-v4__feature-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--color-neutral-50);border-radius:var(--radius-lg);border:1px solid transparent;transition:all var(--transition-fast)}.premium-v4__feature-card:hover{background:var(--color-surface);border-color:var(--color-neutral-150);box-shadow:var(--shadow-xs)}.premium-v4__feature-card--guardian .premium-v4__feature-icon{background:linear-gradient(135deg,#fef3e2,#fde4c5);color:#c47f17}.premium-v4__feature-card--forecast .premium-v4__feature-icon{background:linear-gradient(135deg,#e8f4f8,#d4eaf2);color:#2d7d9a}.premium-v4__feature-card--badges .premium-v4__feature-icon{background:linear-gradient(135deg,#f3f0fa,#e8e2f6);color:#7c5cbf}.premium-v4__feature-icon{width:44px;height:44px;min-width:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.premium-v4__feature-content{flex:1;min-width:0}.premium-v4__feature-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:2px}.premium-v4__feature-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-main)}.premium-v4__feature-tag{font-size:9px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.06em;padding:2px 6px;background:linear-gradient(135deg,#f5c55c,#e8a832);color:#5a4310;border-radius:var(--radius-sm)}.premium-v4__feature-desc{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin:0}.premium-v4__comparison{background:var(--color-neutral-50);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-neutral-100)}.premium-v4__comparison-header{display:grid;grid-template-columns:1fr 64px 80px;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-neutral-100)}.premium-v4__comparison-col{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.premium-v4__comparison-col--free{text-align:center}.premium-v4__comparison-col--premium{display:flex;align-items:center;justify-content:center;gap:var(--space-1);color:var(--color-accent-600)}.premium-v4__comparison-col--premium svg{color:var(--color-accent-500)}.premium-v4__comparison-rows{display:flex;flex-direction:column}.premium-v4__comparison-row{display:grid;grid-template-columns:1fr 64px 80px;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-neutral-100);transition:background var(--transition-fast)}.premium-v4__comparison-row:last-child{border-bottom:none}.premium-v4__comparison-row:hover{background:#ffffff80}.premium-v4__comparison-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-main)}.premium-v4__comparison-label svg{color:var(--color-text-muted);flex-shrink:0}.premium-v4__comparison-value{display:flex;align-items:center;justify-content:center;font-size:var(--text-sm)}.premium-v4__comparison-value--free{color:var(--color-text-sub)}.premium-v4__comparison-value--premium{color:var(--color-text-main);font-weight:var(--font-medium)}.premium-v4__premium-value{color:var(--color-accent-600);font-weight:var(--font-semibold)}.premium-v4__check{color:var(--color-secondary-500)}.premium-v4__check--gold{color:var(--color-accent-600)}.premium-v4__lock{color:var(--color-neutral-300)}.premium-v4__pricing{text-align:center;padding:var(--space-4);background:linear-gradient(145deg,#f5c55c14,#f5c55c08);border-radius:var(--radius-xl);border:1px solid rgba(245,197,92,.2)}.premium-v4__price{display:flex;align-items:baseline;justify-content:center;gap:var(--space-1)}.premium-v4__price-amount{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-accent-700);line-height:1}.premium-v4__price-period{font-size:var(--text-base);color:var(--color-text-muted)}.premium-v4__price-note{font-size:var(--text-sm);color:var(--color-text-sub);margin:var(--space-2) 0 0}.premium-v4__actions{display:flex;flex-direction:column;gap:var(--space-2)}.premium-v4__skip{background:none;border:none;font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;padding:var(--space-2);transition:color var(--transition-fast)}.premium-v4__skip:hover{color:var(--color-text-sub)}.premium-v4__skip:disabled{opacity:.5;cursor:not-allowed}.premium-v4__trust{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);padding-top:var(--space-2);border-top:1px solid var(--color-neutral-100)}.premium-v4__trust svg{color:var(--color-secondary-500)}@media(max-width:480px){.premium-v4-container{padding:var(--space-2);align-items:flex-end}.premium-v4{max-width:none;max-height:90vh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.premium-v4__hero{padding:var(--space-6) var(--space-4) var(--space-4)}.premium-v4__crown{width:56px;height:56px}.premium-v4__crown svg{width:22px;height:22px}.premium-v4__title{font-size:var(--text-lg)}.premium-v4__content{padding:var(--space-4);gap:var(--space-4)}.premium-v4__feature-icon{width:40px;height:40px;min-width:40px}.premium-v4__feature-icon svg{width:18px;height:18px}.premium-v4__comparison-header,.premium-v4__comparison-row{grid-template-columns:1fr 56px 72px;padding:var(--space-2) var(--space-3)}.premium-v4__comparison-label{font-size:var(--text-xs)}.premium-v4__price-amount{font-size:var(--text-2xl)}}.dashboard{width:100%;max-width:720px;margin:0 auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.dashboard__hero{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6);background:linear-gradient(135deg,var(--color-surface-warm) 0%,var(--color-surface) 100%);border-radius:var(--radius-2xl);border:1px solid var(--color-neutral-150);box-shadow:var(--shadow-md)}.dashboard__hero-content{flex:1;min-width:0}.dashboard__hero-progress{flex-shrink:0}.dashboard__header{text-align:left;padding:var(--space-4) 0}.dashboard__greeting{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-main);margin:0 0 var(--space-2) 0;letter-spacing:-.03em;line-height:1.2}.dashboard__subtitle{color:var(--color-text-sub);font-size:var(--text-base);margin:0;line-height:var(--leading-relaxed)}.dashboard__progress-hint{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-secondary-600);background:var(--color-secondary-50);border-radius:var(--radius-full);border:1px solid var(--color-secondary-100)}.dashboard__progress-hint svg{color:var(--color-secondary-500)}.dashboard__flow{display:flex;flex-direction:column;gap:0}.dashboard__flow-title{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-4) 0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.insight-detail{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:linear-gradient(135deg,var(--color-primary-50) 0%,rgba(224,150,141,.03) 100%);border-radius:var(--radius-lg);border:1px solid var(--color-primary-100);margin-top:var(--space-3);transition:all var(--transition-normal)}.insight-detail:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-sm)}.insight-detail--suggestion{background:linear-gradient(135deg,var(--color-secondary-50) 0%,rgba(126,196,146,.03) 100%);border-color:var(--color-secondary-100)}.insight-detail--suggestion:hover{border-color:var(--color-secondary-200)}.insight-detail__icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-primary-100);color:var(--color-primary-500)}.insight-detail--suggestion .insight-detail__icon{background:var(--color-secondary-100);color:var(--color-secondary-600)}.insight-detail__content{flex:1;min-width:0}.insight-detail__label{display:block;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-primary-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.insight-detail--suggestion .insight-detail__label{color:var(--color-secondary-600)}.insight-detail__text{margin:0;font-size:var(--text-sm);color:var(--color-text-main);line-height:var(--leading-relaxed)}.insight-detail--locked,.insight-detail__blurred{position:relative}.insight-detail__text--blurred{filter:blur(4px);-webkit-user-select:none;user-select:none;pointer-events:none}.insight-detail__unlock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-accent-700);background:var(--gradient-premium);border:1px solid var(--color-accent-200);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;box-shadow:var(--shadow-sm),0 4px 12px #f5c55c33}.insight-detail__unlock:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:var(--shadow-md),0 8px 20px #f5c55c4d}.insight-detail__unlock svg{flex-shrink:0}.challenges-progress{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.challenges-progress__bar{flex:1;height:8px;background:var(--color-neutral-150);border-radius:var(--radius-full);overflow:hidden}.challenges-progress__fill{height:100%;background:var(--gradient-secondary);border-radius:var(--radius-full);transition:width .5s cubic-bezier(.4,0,.2,1)}.challenges-progress__text{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-secondary-600);white-space:nowrap}.challenges-regenerate{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3);margin-top:var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-sub);background:var(--color-neutral-100);border:1.5px dashed var(--color-neutral-300);cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.challenges-regenerate:hover:not(:disabled){color:var(--color-primary-500);background-color:var(--color-primary-50);border-color:var(--color-primary-300);border-style:solid;transform:translateY(-1px)}.challenges-regenerate--disabled{color:var(--color-text-muted);cursor:not-allowed;opacity:.7}.challenges-regenerate--upsell{color:var(--color-accent-700);background:var(--gradient-premium);border:1.5px solid var(--color-accent-200);box-shadow:var(--shadow-sm)}.challenges-regenerate--upsell:hover{box-shadow:var(--shadow-md),0 4px 12px #f5c55c33;transform:translateY(-2px)}.challenges-regenerate__spinner{width:16px;height:16px;border:2px solid var(--color-neutral-300);border-top-color:var(--color-primary-400);border-radius:50%;animation:spin 1s linear infinite}.challenges-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.challenges-list__item{background:var(--color-surface);border:1px solid var(--color-neutral-150);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast)}.challenges-list__item:hover{border-color:var(--color-neutral-250);box-shadow:var(--shadow-sm)}.challenges-list__item--completed{background:linear-gradient(135deg,var(--color-secondary-50) 0%,rgba(126,196,146,.05) 100%);border-color:var(--color-secondary-200)}.challenges-list__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);cursor:pointer}.challenges-list__checkbox{flex-shrink:0;width:22px;height:22px;border-radius:50%;border:2px solid var(--color-neutral-300);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);margin-top:1px}.challenges-list__checkbox:hover{border-color:var(--color-secondary-400);background:var(--color-secondary-50)}.challenges-list__checkbox:checked,.challenges-list__checkbox--checked{background:var(--gradient-secondary);border-color:transparent;color:#fff;box-shadow:0 2px 8px #7ec4924d}.challenges-list__main-content{display:flex;align-items:flex-start;gap:var(--space-3);flex:1;min-width:0}.challenges-list__text{flex:1;font-size:var(--text-sm);color:var(--color-text-main);line-height:var(--leading-relaxed);transition:color var(--transition-fast)}.challenges-list__text--completed{color:var(--color-secondary-600);text-decoration:line-through;text-decoration-color:var(--color-secondary-300)}.challenges-list__chevron{flex-shrink:0;background:none;border:none;padding:var(--space-1);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.challenges-list__chevron:hover{color:var(--color-primary-500);background:var(--color-primary-50)}.challenges-list__chevron--open{transform:rotate(180deg)}.challenges-list__explanation{padding:0 var(--space-4) var(--space-4) calc(var(--space-4) + 22px + var(--space-3))}.challenges-list__explanation-text{font-size:var(--text-sm);color:var(--color-text-sub);background:var(--color-neutral-50);padding:var(--space-3);border-radius:var(--radius-md);margin:0;display:flex;gap:var(--space-2);align-items:flex-start;line-height:var(--leading-relaxed)}.challenges-list__explanation-text svg{flex-shrink:0;color:var(--color-primary-400);margin-top:2px}.challenges-list__explanation--locked{position:relative}.challenges-list__explanation-blurred{position:relative;overflow:hidden}.challenges-list__explanation-text--blurred{filter:blur(4px);-webkit-user-select:none;user-select:none;pointer-events:none}.challenges-list__unlock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-accent-700);background:var(--gradient-premium);border:1px solid var(--color-accent-200);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;box-shadow:var(--shadow-sm);z-index:10}.challenges-list__unlock:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:var(--shadow-md),0 4px 12px #f5c55c40}.analysis-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5) 0}.analysis-loading__spinner{width:40px;height:40px;border:3px solid var(--color-neutral-150);border-top-color:var(--color-primary-400);border-radius:50%;animation:spin 1s linear infinite}.analysis-loading__text{font-size:var(--text-sm);color:var(--color-text-sub);text-align:center}@keyframes spin{to{transform:rotate(360deg)}}.analysis-patterns{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-3) 0;padding:var(--space-4);background:linear-gradient(135deg,var(--color-neutral-50) 0%,var(--color-surface) 100%);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-150)}.analysis-patterns__item{display:flex;align-items:center;gap:var(--space-3)}.analysis-patterns__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.analysis-patterns__dot--good{background:var(--gradient-secondary);box-shadow:0 2px 6px #7ec49266}.analysis-patterns__dot--watch{background:linear-gradient(135deg,#f5a623,#f59e0b);box-shadow:0 2px 6px #f5a62366}.analysis-patterns__name{flex:1;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-main);line-height:var(--leading-normal)}.analysis-patterns__count{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);background:var(--color-neutral-150);padding:4px 10px;border-radius:var(--radius-full)}.analysis-patterns__more{font-size:var(--text-xs);color:var(--color-text-muted);margin:var(--space-2) 0 0 calc(10px + var(--space-3));font-style:italic}.analysis-patterns__item-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.analysis-patterns__description{margin-left:calc(10px + var(--space-3));padding:var(--space-2) var(--space-3);background:#ffffffb3;border-radius:var(--radius-md);border:1px solid var(--color-neutral-100);position:relative}.analysis-patterns__description-text{margin:0;font-size:var(--text-xs);color:var(--color-text-sub);line-height:var(--leading-relaxed)}.analysis-patterns__description--locked,.analysis-patterns__description-blurred{position:relative}.analysis-patterns__description-text--blurred{filter:blur(3px);-webkit-user-select:none;user-select:none;pointer-events:none}.analysis-patterns__unlock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:var(--space-1);padding:4px var(--space-3);font-size:10px;font-weight:var(--font-semibold);color:var(--color-accent-700);background:var(--gradient-premium);border:1px solid var(--color-accent-200);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;box-shadow:var(--shadow-xs)}.analysis-patterns__unlock:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:var(--shadow-sm),0 3px 8px #f5c55c40}.patterns-card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-neutral-150);padding:var(--space-5);box-shadow:var(--shadow-sm)}.patterns-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.patterns-card__header-left{display:flex;align-items:center;gap:var(--space-3)}.patterns-card__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-lg);background:var(--color-primary-50);color:var(--color-primary-400)}.patterns-card__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-main);margin:0}.patterns-card__badge{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);background:var(--color-neutral-100);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.patterns-card__body{display:flex;flex-direction:column;gap:var(--space-3)}.patterns-card__notice{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-2) 0}.patterns-card__list{display:flex;flex-direction:column;gap:var(--space-3)}.pattern-item{padding:var(--space-4);background:var(--color-neutral-50);border-radius:var(--radius-lg);border:1px solid var(--color-neutral-100);transition:all var(--transition-fast)}.pattern-item:hover{border-color:var(--color-neutral-200);box-shadow:var(--shadow-xs)}.pattern-item__row{display:flex;align-items:center;gap:var(--space-3)}.pattern-item__icon{flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.pattern-item__icon--good{background:var(--color-secondary-100);color:var(--color-secondary-600)}.pattern-item__icon--bad{background:var(--color-neutral-150);color:var(--color-neutral-500)}.pattern-item__content{flex:1;min-width:0}.pattern-item__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.pattern-item__name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-main)}.pattern-item__count{font-size:var(--text-xs);font-weight:var(--font-semibold);padding:3px 10px;border-radius:var(--radius-full)}.pattern-item__count--good{background:var(--color-secondary-100);color:var(--color-secondary-600)}.pattern-item__count--bad{background:var(--color-neutral-200);color:var(--color-neutral-600)}.pattern-item__type{margin-top:var(--space-1)}.pattern-item__type-badge{font-size:var(--text-xs);color:var(--color-text-sub)}.pattern-item__type-badge--good{color:var(--color-secondary-600)}.pattern-item__type-badge--bad{color:var(--color-text-muted)}.pattern-item__details-btn{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-primary-500);background:none;border:none;cursor:pointer;padding:0;transition:all var(--transition-fast)}.pattern-item__details-btn:hover{color:var(--color-primary-600)}.pattern-item__details-btn--expanded svg{transform:rotate(180deg)}.pattern-item__description{margin:var(--space-3) 0 0 0;font-size:var(--text-sm);color:var(--color-text-sub);line-height:var(--leading-relaxed);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-neutral-100)}.patterns-card__upgrade{padding-top:var(--space-4);margin-top:var(--space-2);border-top:1px solid var(--color-neutral-150)}.patterns-card__upgrade-text{font-size:var(--text-sm);color:var(--color-text-sub);margin:0;line-height:var(--leading-relaxed)}.patterns-card__upgrade-link{color:var(--color-primary-500);font-weight:var(--font-semibold);cursor:pointer;transition:color var(--transition-fast)}.patterns-card__upgrade-link:hover{color:var(--color-primary-600);text-decoration:underline}.patterns-card__empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-4)}.patterns-card__empty-icon{width:56px;height:56px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-neutral-100) 0%,var(--color-neutral-50) 100%);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);color:var(--color-text-muted)}.patterns-card__empty-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-main);margin:0 0 var(--space-2) 0}.patterns-card__empty-text{font-size:var(--text-sm);color:var(--color-text-sub);margin:0;max-width:280px;line-height:var(--leading-relaxed)}.patterns-card__empty-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin:var(--space-3) 0 0 0;font-style:italic}.dashboard__summary{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-neutral-150)}.dashboard__loading{padding:var(--space-8);background:var(--color-neutral-50);border-radius:var(--radius-xl);text-align:center;color:var(--color-text-sub)}.dashboard__fab{display:none;position:fixed;bottom:calc(var(--space-6) + 70px);right:var(--space-4);width:56px;height:56px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;border:none;cursor:pointer;box-shadow:var(--shadow-lg),0 8px 24px #e0968d59;z-index:90;transition:all var(--transition-normal)}.dashboard__fab:hover{transform:scale(1.08);box-shadow:var(--shadow-xl),0 12px 32px #e0968d73}.dashboard__fab:active{transform:scale(.95)}.dashboard__fab svg{width:24px;height:24px}@media(max-width:640px){.dashboard{padding:var(--space-4);gap:var(--space-5)}.dashboard__hero{flex-direction:column;text-align:center;padding:var(--space-5);gap:var(--space-4)}.dashboard__header{text-align:center;padding:var(--space-2) 0}.dashboard__greeting{font-size:var(--text-2xl)}.dashboard__subtitle{font-size:var(--text-sm)}.dashboard__progress-hint{font-size:var(--text-xs)}.dashboard__fab{display:flex;align-items:center;justify-content:center}.challenges-progress{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.challenges-progress__bar{width:100%}.challenges-list__header{padding:var(--space-3)}.challenges-list__explanation{padding:0 var(--space-3) var(--space-3) calc(var(--space-3) + 22px + var(--space-2))}.analysis-patterns{padding:var(--space-3)}.patterns-card{padding:var(--space-4)}.pattern-item{padding:var(--space-3)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard__flow>*{animation:fadeInUp .4s ease-out backwards}.dashboard__flow>*:nth-child(1){animation-delay:.05s}.dashboard__flow>*:nth-child(2){animation-delay:.1s}.dashboard__flow>*:nth-child(3){animation-delay:.15s}.dashboard__flow>*:nth-child(4){animation-delay:.2s}.premium-showcase{background:linear-gradient(135deg,#8b5cf608,#7c3aed0f,#6d28d908);border-radius:var(--radius-2xl);border:1px solid rgba(139,92,246,.15);overflow:hidden;box-shadow:0 4px 24px #8b5cf614,inset 0 1px #fffc}.premium-showcase__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid rgba(139,92,246,.1);background:#ffffff80}.premium-showcase__header-content{display:flex;align-items:center;gap:var(--space-3)}.premium-showcase__badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 10px;font-size:10px;font-weight:var(--font-bold);color:#8b5cf6;background:linear-gradient(135deg,#8b5cf61f,#7c3aed2e);border-radius:var(--radius-full);border:1px solid rgba(139,92,246,.2);text-transform:uppercase;letter-spacing:.08em}.premium-showcase__badge svg{width:10px;height:10px}.premium-showcase__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-main);margin:0;letter-spacing:-.02em}.premium-showcase__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#8b5cf614}.premium-showcase__feature{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#ffffffd9;border:none;cursor:pointer;text-align:left;transition:all var(--transition-normal);position:relative;overflow:hidden}.premium-showcase__feature:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:0;transition:opacity var(--transition-fast)}.premium-showcase__feature--guardian:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.premium-showcase__feature--forecast:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.premium-showcase__feature--badges:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.premium-showcase__feature:hover{background:#fff}.premium-showcase__feature:hover:before{opacity:1}.premium-showcase__feature-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-normal)}.premium-showcase__feature:hover .premium-showcase__feature-icon{transform:scale(1.05)}.premium-showcase__feature-icon--guardian{background:linear-gradient(135deg,#8b5cf626,#7c3aed40);color:#8b5cf6;box-shadow:0 4px 12px #8b5cf626}.premium-showcase__feature-icon--forecast{background:linear-gradient(135deg,#3b82f626,#2563eb40);color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.premium-showcase__feature-icon--badges{background:linear-gradient(135deg,#f59e0b26,#d9770640);color:#f59e0b;box-shadow:0 4px 12px #f59e0b26}.premium-showcase__feature-content{flex:1;min-width:0}.premium-showcase__feature-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-main);margin:0 0 2px;line-height:1.3}.premium-showcase__feature-desc{font-size:11px;color:var(--color-text-muted);margin:0;line-height:1.4}.premium-showcase__feature-stat{font-size:10px;font-weight:var(--font-semibold);padding:3px 8px;border-radius:var(--radius-full);margin-top:var(--space-2);display:inline-block}.premium-showcase__feature-stat--success{background:#22c55e1f;color:#16a34a}.premium-showcase__feature-stat--warning{background:#f59e0b1f;color:#d97706}.premium-showcase__feature-stat--danger{background:#ef44441f;color:#dc2626}.premium-showcase__feature-cta{font-size:10px;color:var(--color-text-sub);margin-top:var(--space-2);font-style:italic}.premium-showcase__badges-progress{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.premium-showcase__badges-bar{flex:1;height:5px;background:#f59e0b26;border-radius:var(--radius-full);overflow:hidden}.premium-showcase__badges-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:var(--radius-full);transition:width .5s cubic-bezier(.4,0,.2,1)}.premium-showcase__badges-count{font-size:10px;font-weight:var(--font-semibold);color:#d97706;white-space:nowrap}.premium-showcase__feature-arrow{color:var(--color-text-muted);opacity:0;transform:translate(-4px);transition:all var(--transition-fast);flex-shrink:0}.premium-showcase__feature:hover .premium-showcase__feature-arrow{opacity:1;transform:translate(0)}@media(max-width:768px){.premium-showcase__grid{grid-template-columns:1fr}.premium-showcase__feature{padding:var(--space-4)}.premium-showcase__feature-icon{width:40px;height:40px}.premium-showcase__feature-arrow{opacity:.5;transform:translate(0)}}@media(max-width:480px){.premium-showcase__header{padding:var(--space-3) var(--space-4)}.premium-showcase__title{font-size:var(--text-base)}.premium-showcase__feature{padding:var(--space-3);gap:var(--space-2)}.premium-showcase__feature-icon{width:36px;height:36px}.premium-showcase__feature-icon svg{width:18px;height:18px}}.sanctuary{position:relative;padding:1.5rem;border-radius:24px;background:linear-gradient(145deg,#faf6f2,#f5efe9);border:1px solid rgba(201,130,109,.15);overflow:hidden;margin-bottom:1.5rem}.sanctuary__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.sanctuary__blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5}.sanctuary__blob--1{width:200px;height:200px;background:linear-gradient(135deg,#e8a091,#c9826d);top:-80px;right:-60px;animation:blob-float 8s ease-in-out infinite}.sanctuary__blob--2{width:150px;height:150px;background:linear-gradient(135deg,#7d9a8c,#a8c4b8);bottom:-50px;left:-30px;animation:blob-float 10s ease-in-out infinite reverse}@keyframes blob-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(10px,-10px) scale(1.05)}66%{transform:translate(-5px,5px) scale(.95)}}.sanctuary__grain{position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.sanctuary__header{position:relative;z-index:1;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.sanctuary__crown{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(145deg,#c9826d,#b5705d);border-radius:8px;color:#fff}.sanctuary__label{font-family:Georgia,Times New Roman,serif;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#c9826d}.sanctuary__cards{position:relative;z-index:1;display:flex;flex-direction:column;gap:.75rem}.sanctuary__hero-card{position:relative;display:block;width:100%;padding:1.25rem;background:linear-gradient(145deg,#c9826d,#b5705d,#a86455);border:none;border-radius:20px;cursor:pointer;overflow:hidden;text-align:left;box-shadow:0 4px 20px #c9826d4d,0 8px 40px #b5705d33,inset 0 1px #ffffff26;transition:all .4s cubic-bezier(.22,1,.36,1)}.sanctuary__hero-card:hover{box-shadow:0 8px 32px #c9826d66,0 16px 48px #b5705d40,inset 0 1px #fff3;transform:translateY(-2px)}.sanctuary__hero-content{position:relative;z-index:2;display:flex;align-items:center;gap:1rem}.sanctuary__hero-icon{position:relative;display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:#fff3;border-radius:16px;color:#fff;flex-shrink:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sanctuary__hero-pulse{position:absolute;inset:-4px;border-radius:20px;border:2px solid rgba(255,255,255,.3);animation:hero-pulse 2s ease-in-out infinite}@keyframes hero-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:0}}.sanctuary__hero-text{flex:1;min-width:0}.sanctuary__hero-title{font-family:Georgia,Times New Roman,serif;font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 .25rem;letter-spacing:-.01em}.sanctuary__hero-desc{font-size:.8125rem;color:#ffffffd9;margin:0;line-height:1.4}.sanctuary__hero-arrow{color:#ffffffb3;flex-shrink:0;transition:transform .3s ease}.sanctuary__hero-card:hover .sanctuary__hero-arrow{transform:translate(4px);color:#fff}.sanctuary__hero-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}to{left:200%}}.sanctuary__row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.sanctuary__card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;background:#fff;border:1px solid rgba(201,130,109,.12);border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.22,1,.36,1);box-shadow:0 2px 12px #3d32290a}.sanctuary__card:hover{border-color:#c9826d40;box-shadow:0 8px 24px #3d322914}.sanctuary__card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;transition:transform .3s ease}.sanctuary__card:hover .sanctuary__card-icon{transform:scale(1.05)}.sanctuary__card--forecast .sanctuary__card-icon{background:linear-gradient(145deg,#7d9a8c,#6b8a7c);color:#fff;box-shadow:0 4px 12px #7d9a8c4d}.sanctuary__card--badges .sanctuary__card-icon{background:linear-gradient(145deg,#d4a574,#c49664);color:#fff;box-shadow:0 4px 12px #d4a5744d}.sanctuary__card-title{font-family:Georgia,Times New Roman,serif;font-size:.875rem;font-weight:600;color:#3d3229;letter-spacing:-.01em}.sanctuary__card-tag{font-size:.6875rem;font-weight:600;padding:.25rem .625rem;border-radius:20px;text-transform:uppercase;letter-spacing:.03em}.sanctuary__card-tag--low{background:#7d9a8c26;color:#5a7a6c}.sanctuary__card-tag--moderate{background:#d4a57426;color:#a8864e}.sanctuary__card-tag--high{background:#c9826d26;color:#a86455}.sanctuary__card-hint{font-size:.75rem;color:#8a8078}.sanctuary__progress-ring{position:relative;width:42px;height:42px}.sanctuary__ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.sanctuary__ring-bg,.sanctuary__ring-fill{fill:none;stroke-width:3;stroke-linecap:round}.sanctuary__ring-bg{stroke:#d4a57433}.sanctuary__ring-fill{stroke:#d4a574;transition:stroke-dasharray .6s ease}.sanctuary__ring-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:700;color:#3d3229}.sos-sanctuary{position:fixed;bottom:calc(var(--space-4, 1rem) + 80px);right:var(--space-4, 1rem);z-index:50;display:flex;flex-direction:column;align-items:center;gap:.375rem;background:transparent;border:none;cursor:pointer;padding:0}.sos-sanctuary__core{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(145deg,#c9826d,#b5705d,#a86455);border-radius:18px;color:#fff;box-shadow:0 4px 16px #c9826d66,0 8px 32px #b5705d40,inset 0 1px #ffffff26;transition:all .3s cubic-bezier(.22,1,.36,1)}.sos-sanctuary:hover .sos-sanctuary__core{box-shadow:0 6px 24px #c9826d80,0 12px 40px #b5705d4d,inset 0 1px #fff3}.sos-sanctuary__icon{width:24px;height:24px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.sos-sanctuary__label{font-family:Georgia,Times New Roman,serif;font-size:.6875rem;font-weight:600;color:#c9826d;background:#fff;padding:.25rem .625rem;border-radius:10px;box-shadow:0 2px 8px #3d32291a;white-space:nowrap}.sos-sanctuary__halo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:18px;border:2px solid rgba(201,130,109,.4);pointer-events:none}.sos-sanctuary__halo--1{animation:halo-breathe 3s ease-in-out infinite}.sos-sanctuary__halo--2{animation:halo-breathe 3s ease-in-out infinite .5s}@keyframes halo-breathe{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.4);opacity:0}}.guardian-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.guardian-modal__backdrop{position:absolute;inset:0;background:linear-gradient(180deg,#3d3229d9,#2d251ff2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.guardian-modal__content{position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,#faf6f2,#f5efe9);border-radius:28px;max-width:400px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px #3d322966,0 0 0 1px #c9826d1a}.guardian-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 1rem;background:linear-gradient(180deg,rgba(201,130,109,.08) 0%,transparent 100%)}.guardian-modal__title{display:flex;align-items:center;gap:.75rem;font-family:Georgia,Times New Roman,serif;font-size:1.125rem;font-weight:600;color:#3d3229;margin:0}.guardian-modal__title-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(145deg,#c9826d,#b5705d);border-radius:12px;color:#fff;box-shadow:0 4px 12px #c9826d4d}.guardian-modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#3d32290d;border:none;border-radius:10px;color:#8a8078;cursor:pointer;transition:all .2s ease}.guardian-modal__close:hover{background:#3d32291a;color:#3d3229}.guardian-modal__body{padding:1.5rem;flex:1}.guardian-modal__footer{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.5rem 1.5rem;background:#3d322905;border-top:1px solid rgba(201,130,109,.1);border-radius:0 0 28px 28px}.breathing-exercise{display:flex;flex-direction:column;align-items:center;padding:2rem 0}.breathing-exercise__circle{position:relative;width:180px;height:180px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.breathing-exercise__circle-bg{position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,#c9826d1a,#7d9a8c14);border:2px solid rgba(201,130,109,.2)}.breathing-exercise__circle-inner{position:relative;z-index:1;width:120px;height:120px;border-radius:50%;background:linear-gradient(145deg,#c9826d,#b5705d,#a86455);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #c9826d66,0 16px 48px #b5705d33,inset 0 2px #ffffff26}.breathing-exercise__circle--inhale .breathing-exercise__circle-inner{animation:breathe-in 4s ease-in-out forwards}.breathing-exercise__circle--hold .breathing-exercise__circle-inner{animation:breathe-hold 7s ease-in-out forwards}.breathing-exercise__circle--exhale .breathing-exercise__circle-inner{animation:breathe-out 8s ease-in-out forwards}@keyframes breathe-in{0%{transform:scale(.75)}to{transform:scale(1.15)}}@keyframes breathe-hold{0%,to{transform:scale(1.15)}}@keyframes breathe-out{0%{transform:scale(1.15)}to{transform:scale(.75)}}.breathing-exercise__instruction{font-family:Georgia,Times New Roman,serif;font-size:1.125rem;font-weight:600;color:#fff;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.15)}.breathing-exercise__phase{font-family:Georgia,Times New Roman,serif;font-size:1rem;font-weight:600;color:#3d3229;margin-bottom:.5rem}.breathing-exercise__timer{font-size:2.5rem;font-weight:700;color:#c9826d;font-variant-numeric:tabular-nums}.breathing-exercise__progress{display:flex;justify-content:center;gap:.5rem;margin-top:1.25rem}.breathing-exercise__progress-dot{width:10px;height:10px;border-radius:50%;background:#c9826d33;transition:all .3s ease}.breathing-exercise__progress-dot--active{background:linear-gradient(145deg,#c9826d,#b5705d);box-shadow:0 2px 8px #c9826d66}.breathing-exercise__progress-dot--complete{background:linear-gradient(145deg,#7d9a8c,#6b8a7c);box-shadow:0 2px 8px #7d9a8c66}.initial-step{text-align:center}.initial-step__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 1rem;background:linear-gradient(145deg,#c9826d,#b5705d);border-radius:20px;color:#fff;box-shadow:0 8px 24px #c9826d4d}.initial-step__icon svg{width:32px;height:32px}.initial-step__title{font-family:Georgia,Times New Roman,serif;font-size:1.25rem;font-weight:600;color:#3d3229;margin-bottom:.5rem}.initial-step__subtitle{font-size:.9375rem;color:#6b5f54;margin-bottom:1.5rem;line-height:1.5}.initial-step__textarea{width:100%;min-height:100px;padding:1rem;border:2px solid rgba(201,130,109,.15);border-radius:16px;font-size:.9375rem;font-family:inherit;resize:vertical;transition:all .2s ease;background:#fff;color:#3d3229}.initial-step__textarea:focus{outline:none;border-color:#c9826d;box-shadow:0 0 0 4px #c9826d1a}.initial-step__textarea::placeholder{color:#a89e94}.initial-step__intensity{margin-top:1.5rem;text-align:left}.initial-step__intensity-label{display:block;font-size:.875rem;font-weight:600;color:#3d3229;margin-bottom:.75rem}.initial-step__intensity-slider{width:100%;height:8px;appearance:none;background:linear-gradient(90deg,#7d9a8c,#d4a574,#c9826d);border-radius:20px;cursor:pointer}.initial-step__intensity-slider::-webkit-slider-thumb{appearance:none;width:24px;height:24px;background:#fff;border:3px solid #c9826d;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #3d322926;transition:all .2s ease}.initial-step__intensity-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #3d322933}.initial-step__intensity-value{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.75rem;font-weight:500;color:#8a8078}.outcome-selector{display:flex;flex-direction:column;gap:.75rem}.outcome-selector__title{font-family:Georgia,Times New Roman,serif;font-size:1.25rem;font-weight:600;color:#3d3229;text-align:center;margin-bottom:.75rem}.outcome-selector__option{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:2px solid rgba(201,130,109,.12);border-radius:16px;cursor:pointer;transition:all .2s ease}.outcome-selector__option:hover{border-color:#c9826d40;transform:translateY(-1px);box-shadow:0 4px 12px #3d322914}.outcome-selector__option--selected{border-color:#c9826d;background:linear-gradient(135deg,#c9826d0d,#fff);box-shadow:0 0 0 4px #c9826d1a}.outcome-selector__option-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;flex-shrink:0}.outcome-selector__option-icon--prevented{background:linear-gradient(145deg,#7d9a8c,#6b8a7c);color:#fff;box-shadow:0 4px 12px #7d9a8c4d}.outcome-selector__option-icon--reduced{background:linear-gradient(145deg,#d4a574,#c49664);color:#fff;box-shadow:0 4px 12px #d4a5744d}.outcome-selector__option-icon--ate_anyway{background:linear-gradient(145deg,#c9826d,#b5705d);color:#fff;box-shadow:0 4px 12px #c9826d4d}.outcome-selector__option-text{flex:1}.outcome-selector__option-label{font-size:.9375rem;font-weight:600;color:#3d3229;margin-bottom:2px}.outcome-selector__option-description{font-size:.8125rem;color:#6b5f54}.complete-step{text-align:center;padding:2rem 0}.complete-step__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%}.complete-step__icon--success{background:linear-gradient(145deg,#7d9a8c,#6b8a7c);color:#fff;box-shadow:0 8px 32px #7d9a8c66,0 0 0 8px #7d9a8c1a}.complete-step__icon--neutral{background:linear-gradient(145deg,#d4a574,#c49664);color:#fff;box-shadow:0 8px 32px #d4a57466,0 0 0 8px #d4a5741a}.complete-step__icon svg{width:40px;height:40px}.complete-step__title{font-family:Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:600;color:#3d3229;margin-bottom:.75rem}.complete-step__message{font-size:.9375rem;color:#6b5f54;line-height:1.6;max-width:280px;margin:0 auto}.intervention-stats{background:linear-gradient(145deg,#faf6f2,#f5efe9);border-radius:20px;border:1px solid rgba(201,130,109,.12);padding:1.5rem;position:relative;overflow:hidden}.intervention-stats:before{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:radial-gradient(circle,rgba(201,130,109,.08) 0%,transparent 70%);pointer-events:none}.intervention-stats__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.intervention-stats__header-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(145deg,#c9826d,#b5705d);border-radius:12px;color:#fff;box-shadow:0 4px 12px #c9826d4d}.intervention-stats__header-icon svg{width:20px;height:20px}.intervention-stats__title{font-family:Georgia,Times New Roman,serif;font-size:1.0625rem;font-weight:600;color:#3d3229;margin:0}.intervention-stats__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.intervention-stats__stat{text-align:center;padding:1rem;background:#fff;border-radius:12px;border:1px solid rgba(201,130,109,.08)}.intervention-stats__stat-value{font-size:1.5rem;font-weight:700;color:#c9826d;font-variant-numeric:tabular-nums}.intervention-stats__stat-label{font-size:.6875rem;font-weight:500;color:#8a8078;margin-top:.25rem}.intervention-stats__success-rate{margin-top:1rem;padding:1rem;background:linear-gradient(145deg,#7d9a8c1a,#7d9a8c0d);border-radius:12px;text-align:center;border:1px solid rgba(125,154,140,.15)}.intervention-stats__success-value{font-size:2rem;font-weight:700;color:#5a7a6c;font-variant-numeric:tabular-nums}.intervention-stats__success-label{font-size:.8125rem;font-weight:500;color:#6b8a7c}@media(max-width:480px){.sanctuary{padding:1.25rem;border-radius:20px}.sanctuary__hero-card{padding:1rem;border-radius:16px}.sanctuary__hero-icon{width:44px;height:44px}.sanctuary__hero-title{font-size:1rem}.sanctuary__row{gap:.5rem}.sanctuary__card{padding:1rem .75rem;border-radius:14px}.sanctuary__card-icon{width:40px;height:40px;border-radius:12px}.sos-sanctuary{bottom:calc(var(--space-4, 1rem) + 70px);right:var(--space-3, .75rem)}.sos-sanctuary__core,.sos-sanctuary__halo{width:52px;height:52px;border-radius:16px}.guardian-modal__content{border-radius:24px}.guardian-modal__header,.guardian-modal__body{padding:1.25rem}.breathing-exercise__circle{width:150px;height:150px}.breathing-exercise__circle-inner{width:100px;height:100px}}.forecast-banner{position:relative;padding:1rem 1.25rem;border-radius:16px;margin-bottom:1rem;overflow:hidden}.forecast-banner--high{background:linear-gradient(145deg,#c9826d1f,#c9826d0f);border:1px solid rgba(201,130,109,.2)}.forecast-banner--medium,.forecast-banner--moderate{background:linear-gradient(145deg,#d4a5741f,#d4a5740f);border:1px solid rgba(212,165,116,.2)}.forecast-banner--low{background:linear-gradient(145deg,#7d9a8c1f,#7d9a8c0f);border:1px solid rgba(125,154,140,.2)}.forecast-banner__content{display:flex;align-items:flex-start;gap:.875rem}.forecast-banner__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;flex-shrink:0}.forecast-banner--high .forecast-banner__icon,.forecast-banner__icon--high{background:linear-gradient(145deg,#c9826d,#b5705d);color:#fff;box-shadow:0 4px 12px #c9826d40}.forecast-banner--medium .forecast-banner__icon,.forecast-banner--moderate .forecast-banner__icon,.forecast-banner__icon--medium,.forecast-banner__icon--moderate{background:linear-gradient(145deg,#d4a574,#c49664);color:#fff;box-shadow:0 4px 12px #d4a57440}.forecast-banner--low .forecast-banner__icon,.forecast-banner__icon--low{background:linear-gradient(145deg,#7d9a8c,#6b8a7c);color:#fff;box-shadow:0 4px 12px #7d9a8c40}.forecast-banner__text{flex:1;min-width:0}.forecast-banner__title{font-family:Georgia,Times New Roman,serif;font-size:.9375rem;font-weight:600;margin:0 0 .25rem}.forecast-banner--high .forecast-banner__title{color:#a86455}.forecast-banner--medium .forecast-banner__title,.forecast-banner--moderate .forecast-banner__title{color:#a8864e}.forecast-banner--low .forecast-banner__title{color:#5a7a6c}.forecast-banner__message{font-size:.8125rem;color:#6b5f54;margin:0;line-height:1.4}.forecast-banner__dismiss{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:8px;color:#8a8078;cursor:pointer;transition:all .2s ease;flex-shrink:0}.forecast-banner__dismiss:hover{background:#3d322914;color:#3d3229}.weekly-forecast{background:linear-gradient(145deg,#faf6f2,#f5efe9);border-radius:20px;border:1px solid rgba(125,154,140,.15);padding:1.5rem;position:relative;overflow:hidden}.weekly-forecast:before{content:"";position:absolute;top:-60px;right:-40px;width:140px;height:140px;background:radial-gradient(circle,rgba(125,154,140,.1) 0%,transparent 70%);pointer-events:none}.weekly-forecast__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.weekly-forecast__header-left{display:flex;align-items:center;gap:.75rem}.weekly-forecast__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(145deg,#7d9a8c,#6b8a7c);border-radius:14px;color:#fff;box-shadow:0 4px 16px #7d9a8c4d}.weekly-forecast__title{font-family:Georgia,Times New Roman,serif;font-size:1.125rem;font-weight:600;color:#3d3229;margin:0}.weekly-forecast__subtitle{font-size:.75rem;color:#8a8078;margin:.125rem 0 0}.weekly-forecast__risk-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:20px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.weekly-forecast__risk-badge--low{background:#7d9a8c26;color:#5a7a6c}.weekly-forecast__risk-badge--moderate{background:#d4a57426;color:#a8864e}.weekly-forecast__risk-badge--high{background:#c9826d26;color:#a86455}.weekly-forecast__days{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.forecast-day{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.625rem .25rem;background:#fff;border:1px solid rgba(125,154,140,.1);border-radius:12px;cursor:pointer;transition:all .2s ease}.forecast-day:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3d322914}.forecast-day--today{border-color:#7d9a8c;box-shadow:0 0 0 2px #7d9a8c26}.forecast-day__name{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#8a8078}.forecast-day--today .forecast-day__name{color:#5a7a6c}.forecast-day__indicator{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.forecast-day__indicator--low{background:linear-gradient(145deg,#7d9a8c33,#7d9a8c1a)}.forecast-day__indicator--medium{background:linear-gradient(145deg,#d4a5744d,#d4a57426)}.forecast-day__indicator--high{background:linear-gradient(145deg,#c9826d,#b5705d);box-shadow:0 2px 8px #c9826d59}.forecast-day__indicator--high svg{color:#fff}.forecast-day__date{font-size:.75rem;font-weight:600;color:#3d3229}.risk-day-details{margin-top:1rem;padding:1rem;background:#fff;border-radius:14px;border:1px solid rgba(125,154,140,.12)}.risk-day-details__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.risk-day-details__title{font-family:Georgia,Times New Roman,serif;font-size:.9375rem;font-weight:600;color:#3d3229;margin:0}.risk-day-details__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:8px;color:#8a8078;cursor:pointer;transition:all .2s ease}.risk-day-details__close:hover{background:#3d322914;color:#3d3229}.risk-day-details__section{margin-bottom:.875rem}.risk-day-details__section:last-child{margin-bottom:0}.risk-day-details__label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#8a8078;margin-bottom:.375rem}.risk-day-details__triggers,.risk-day-details__actions{display:flex;flex-wrap:wrap;gap:.375rem}.risk-day-details__trigger,.risk-day-details__action{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:20px;font-size:.75rem;font-weight:500}.risk-day-details__trigger{background:#c9826d1a;color:#a86455}.risk-day-details__action{background:#7d9a8c1a;color:#5a7a6c}.risk-day-details__reasoning{font-size:.8125rem;color:#6b5f54;line-height:1.5;margin:0}.forecast-empty{text-align:center;padding:2rem 1rem}.forecast-empty__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 1rem;background:linear-gradient(145deg,#7d9a8c26,#7d9a8c14);border-radius:16px;color:#7d9a8c}.forecast-empty__title{font-family:Georgia,Times New Roman,serif;font-size:1rem;font-weight:600;color:#3d3229;margin:0 0 .375rem}.forecast-empty__message{font-size:.875rem;color:#8a8078;margin:0;line-height:1.5}.forecast-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1rem}.forecast-loading__spinner{width:40px;height:40px;border:3px solid rgba(125,154,140,.2);border-top-color:#7d9a8c;border-radius:50%;animation:forecast-spin 1s linear infinite;margin-bottom:1rem}@keyframes forecast-spin{to{transform:rotate(360deg)}}.forecast-loading__text{font-size:.875rem;color:#8a8078}@media(max-width:480px){.weekly-forecast{padding:1.25rem;border-radius:16px}.weekly-forecast__days{gap:.375rem}.forecast-day{padding:.5rem .125rem;border-radius:10px}.forecast-day__indicator{width:24px;height:24px}.forecast-day__name{font-size:.5625rem}.forecast-day__date{font-size:.6875rem}.forecast-banner{padding:.875rem 1rem;border-radius:14px}.forecast-banner__icon{width:32px;height:32px}}.forecast-generate{width:100%;padding:1rem;margin-top:1rem;background:linear-gradient(145deg,#7d9a8c,#6b8a7c);border:none;border-radius:14px;color:#fff;font-family:Georgia,Times New Roman,serif;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #7d9a8c4d}.forecast-generate:hover{transform:translateY(-2px);box-shadow:0 6px 24px #7d9a8c66}.forecast-generate:active{transform:translateY(0)}.forecast-generate:disabled{opacity:.6;cursor:not-allowed;transform:none}.risk-day{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.625rem .25rem;background:#fff;border:1px solid rgba(125,154,140,.1);border-radius:12px;cursor:pointer;transition:all .2s ease}.risk-day:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3d322914;border-color:#7d9a8c40}.risk-day--selected{border-color:#7d9a8c;box-shadow:0 0 0 2px #7d9a8c33;background:#7d9a8c0a}.risk-day--today{border-color:#7d9a8c;box-shadow:0 0 0 2px #7d9a8c26}.risk-day--today:after{content:"";position:absolute;bottom:4px;width:4px;height:4px;background:#7d9a8c;border-radius:50%}.risk-day__name{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#8a8078}.risk-day--today .risk-day__name{color:#5a7a6c;font-weight:700}.risk-day__date{font-size:.8125rem;font-weight:600;color:#3d3229}.risk-day__indicator{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.risk-day:hover .risk-day__indicator{transform:scale(1.1)}.risk-day__indicator--low{background:linear-gradient(145deg,#7d9a8c33,#7d9a8c1a);color:#5a7a6c}.risk-day__indicator--medium{background:linear-gradient(145deg,#d4a57459,#d4a57433);color:#a8864e}.risk-day__indicator--high{background:linear-gradient(145deg,#c9826d,#b5705d);box-shadow:0 2px 8px #c9826d59;color:#fff}.risk-day__indicator svg{width:14px;height:14px}.weekly-forecast__body{position:relative}.weekly-forecast__footer{display:flex;align-items:center;justify-content:space-between;margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(125,154,140,.1)}.weekly-forecast__confidence{display:flex;align-items:center;gap:.625rem;font-size:.75rem;color:#8a8078}.weekly-forecast__confidence-bar{width:80px;height:6px;background:#7d9a8c26;border-radius:3px;overflow:hidden}.weekly-forecast__confidence-fill{height:100%;background:linear-gradient(90deg,#7d9a8c,#5a7a6c);border-radius:3px;transition:width .5s ease}.risk-day-details__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.risk-day-details__header .risk-day__indicator{flex-shrink:0}.risk-day-details__action{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#7d9a8c14;border-radius:10px;font-size:.8125rem;color:#5a7a6c}.risk-day-details__action-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#7d9a8c26;border-radius:6px;color:#7d9a8c}.risk-day-details__action-icon svg{width:12px;height:12px}@media(max-width:480px){.risk-day{padding:.5rem .125rem;border-radius:10px}.risk-day__indicator{width:24px;height:24px}.risk-day__indicator svg{width:12px;height:12px}.risk-day__name{font-size:.5625rem}.risk-day__date{font-size:.6875rem}.weekly-forecast__footer{flex-direction:column;gap:.75rem;align-items:stretch}.weekly-forecast__confidence{justify-content:center}}.chat-bubble{display:flex;gap:var(--space-3);max-width:85%;margin-bottom:var(--space-4);align-items:flex-end}.chat-bubble--assistant{align-self:flex-start;flex-direction:row}.chat-bubble--assistant .chat-bubble__content{align-items:flex-start}.chat-bubble--assistant .chat-bubble__message{background:linear-gradient(135deg,var(--color-secondary-50) 0%,rgba(126,196,146,.08) 100%);border:1px solid var(--color-secondary-150);border-radius:6px var(--radius-2xl) var(--radius-2xl) var(--radius-2xl);color:var(--color-text-main);box-shadow:0 1px 3px #0000000a,0 4px 12px #7ec49214;position:relative}.chat-bubble--assistant .chat-bubble__message:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(126,196,146,.3) 50%,transparent 100%);opacity:.5}.chat-bubble--user{align-self:flex-end;flex-direction:row-reverse}.chat-bubble--user .chat-bubble__content{align-items:flex-end}.chat-bubble--user .chat-bubble__message{background:var(--gradient-primary);border:none;border-radius:var(--radius-2xl) var(--radius-2xl) 6px var(--radius-2xl);color:#fff;box-shadow:0 2px 8px #e0968d40,0 4px 16px #e0968d26}.chat-bubble__avatar{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;background:var(--gradient-secondary);border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-bold);color:#fff;letter-spacing:.02em;box-shadow:0 2px 8px #7ec4924d,0 0 0 2px #ffffffe6;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.chat-bubble__avatar:after{content:"E";font-family:var(--font-display);font-size:16px;font-weight:var(--font-semibold)}.chat-bubble__avatar>*{display:none}.chat-bubble:hover .chat-bubble__avatar{transform:scale(1.05);box-shadow:0 4px 12px #7ec49259,0 0 0 3px #fffffff2}.chat-bubble__content{display:flex;flex-direction:column;gap:6px;min-width:0}.chat-bubble__message{padding:var(--space-4);font-size:var(--text-base);line-height:var(--leading-relaxed);word-wrap:break-word;overflow-wrap:break-word;letter-spacing:-.01em}.chat-bubble--assistant .chat-bubble__message{font-size:15px;line-height:1.65}.chat-bubble__time{font-size:11px;color:var(--color-text-muted);padding:0 var(--space-2);opacity:0;transition:opacity var(--transition-fast)}.chat-bubble:hover .chat-bubble__time{opacity:.7}.chat-bubble--user .chat-bubble__time{text-align:right}.chat-bubble--latest .chat-bubble__message{animation:message-appear .3s ease-out}@keyframes message-appear{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-bubble--thinking .chat-bubble__message{background:var(--color-neutral-100);border-color:var(--color-neutral-200)}.chat-bubble--system{align-self:center;max-width:90%}.chat-bubble--system .chat-bubble__message{background:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);text-align:center}.chat-bubble--insight .chat-bubble__message{background:linear-gradient(135deg,var(--color-accent-50) 0%,rgba(245,197,92,.1) 100%);border-color:var(--color-accent-200);box-shadow:0 1px 3px #0000000a,0 4px 12px #f5c55c1f}.chat-bubble--insight .chat-bubble__message:before{background:linear-gradient(90deg,transparent 0%,rgba(245,197,92,.4) 50%,transparent 100%)}.chat-bubble__actions{display:flex;gap:var(--space-2);margin-top:var(--space-2);padding-left:calc(38px + var(--space-3))}.chat-bubble__action{padding:6px 12px;font-size:var(--text-xs);font-weight:var(--font-medium);background:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);color:var(--color-text-sub);cursor:pointer;transition:all var(--transition-fast)}.chat-bubble__action:hover{background:var(--color-primary-50);border-color:var(--color-primary-200);color:var(--color-primary-500)}@media(max-width:640px){.chat-bubble{max-width:90%;gap:var(--space-2);margin-bottom:var(--space-3)}.chat-bubble__avatar{width:34px;height:34px}.chat-bubble__avatar:after{font-size:14px}.chat-bubble__message{padding:var(--space-3);font-size:var(--text-sm)}.chat-bubble--assistant .chat-bubble__message{font-size:14px;line-height:1.6}.chat-bubble--assistant .chat-bubble__message,.chat-bubble--user .chat-bubble__message{border-radius:var(--radius-xl)}.chat-bubble--assistant .chat-bubble__message{border-top-left-radius:4px}.chat-bubble--user .chat-bubble__message{border-bottom-right-radius:4px}.chat-bubble__time{opacity:.6;font-size:10px}}.chat-bubble:focus-visible{outline:none}.chat-bubble:focus-visible .chat-bubble__message{box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-primary-300)}@media(prefers-contrast:high){.chat-bubble--assistant .chat-bubble__message{border-width:2px}.chat-bubble--user .chat-bubble__message{border:2px solid var(--color-primary-600)}}@media(prefers-reduced-motion:reduce){.chat-bubble--latest .chat-bubble__message{animation:none}.chat-bubble:hover .chat-bubble__avatar{transform:none}}.typing-indicator{display:flex;align-items:center;gap:5px;padding:0;background-color:transparent;width:fit-content}.typing-indicator--default{padding:var(--space-3) var(--space-4);background-color:var(--color-neutral-100);border-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.typing-indicator--inline{padding:0;background-color:transparent;box-shadow:none;border-radius:0}.typing-indicator__dot{width:8px;height:8px;background-color:var(--color-secondary-400);border-radius:var(--radius-full)}.typing-indicator__dot:nth-child(1){animation:typingDotPulse 1.4s ease-in-out infinite;animation-delay:0ms}.typing-indicator__dot:nth-child(2){animation:typingDotPulse 1.4s ease-in-out infinite;animation-delay:.16s}.typing-indicator__dot:nth-child(3){animation:typingDotPulse 1.4s ease-in-out infinite;animation-delay:.32s}@keyframes typingDotPulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.typing-indicator__dot{animation:none!important;opacity:.7}}.chat-page{position:fixed;top:56px;left:0;right:0;bottom:var(--tab-bar-height);display:flex;flex-direction:column;background:linear-gradient(180deg,var(--color-background) 0%,var(--color-surface-warm) 100%);z-index:1}@media(min-width:768px){.chat-page{top:64px;bottom:0}}.chat-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-3);background:var(--color-surface);border-bottom:1px solid var(--color-neutral-100);flex-shrink:0;box-shadow:0 1px 3px #00000005}.chat-header__content{display:flex;align-items:center;width:100%;max-width:800px;position:relative}.chat-header__back{position:absolute;left:0;background:none;border:none;cursor:pointer;padding:var(--space-2);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all var(--transition-fast)}.chat-header__back:hover{background:var(--color-neutral-100);color:var(--color-text-main);transform:translate(-2px)}.chat-header__back:active{transform:translate(-4px) scale(.95)}.chat-header__back svg{width:20px;height:20px}.chat-header__info{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.chat-header__title-row{display:flex;align-items:center;gap:var(--space-3)}.chat-header__avatar{position:relative;width:44px;height:44px;border-radius:var(--radius-full);background:var(--gradient-secondary);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:#fff;letter-spacing:-.02em;box-shadow:0 3px 10px #7ec4924d,0 0 0 2px #7ec4921a}.chat-header__avatar:after{content:"";position:absolute;bottom:2px;right:2px;width:10px;height:10px;background:var(--color-secondary-400);border:2px solid var(--color-surface);border-radius:var(--radius-full)}.chat-header__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-main);margin:0;letter-spacing:-.02em}.chat-header__subtitle{font-size:var(--text-xs);color:var(--color-secondary-500);font-weight:var(--font-medium);display:flex;align-items:center;gap:var(--space-1)}.chat-header__subtitle:before{content:"";width:6px;height:6px;background:var(--color-secondary-400);border-radius:var(--radius-full);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.chat-header__badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:5px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:var(--font-medium);letter-spacing:.01em;transition:all var(--transition-fast)}.chat-header__badge--free{background:var(--color-neutral-100);color:var(--color-text-sub);border:1px solid var(--color-neutral-200)}.chat-header__badge--free:hover{background:var(--color-neutral-150)}.chat-header__badge--premium{background:linear-gradient(135deg,var(--color-accent-50) 0%,var(--color-accent-100) 100%);color:var(--color-accent-600);border:1px solid var(--color-accent-200);box-shadow:0 2px 6px #f5c55c26}.chat-header__badge--low{background:linear-gradient(135deg,var(--color-error-light) 0%,rgba(239,68,68,.1) 100%);color:var(--color-error);border:1px solid var(--color-error-200);animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{box-shadow:0 0 #ef444433}50%{box-shadow:0 0 0 4px #ef444400}}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-5);display:flex;flex-direction:column;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.chat-messages__inner{width:100%;max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-1)}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--color-neutral-200);border-radius:var(--radius-full)}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-300)}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-6);gap:var(--space-4);flex:1;animation:fade-in-up .6s var(--ease-out-expo)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-empty__icon{position:relative;width:88px;height:88px;border-radius:var(--radius-full);background:var(--gradient-secondary);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:40px;font-weight:var(--font-bold);color:#fff;letter-spacing:-.02em;box-shadow:0 8px 24px #7ec4924d,0 0 0 4px #7ec49214;margin-bottom:var(--space-2)}.chat-empty__icon:before{content:"";position:absolute;inset:-8px;border:2px dashed var(--color-secondary-200);border-radius:var(--radius-full);animation:rotate-slow 20s linear infinite}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-empty__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-main);margin:0;letter-spacing:-.02em}.chat-empty__text{font-size:var(--text-base);color:var(--color-text-sub);max-width:300px;line-height:var(--leading-relaxed);margin:0}.chat-empty__suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-4);max-width:360px}.chat-empty__suggestion{background:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text-sub);cursor:pointer;transition:all var(--transition-fast)}.chat-empty__suggestion:hover{background:var(--color-secondary-50);border-color:var(--color-secondary-200);color:var(--color-secondary-600);transform:translateY(-1px)}.chat-typing{display:flex;align-items:flex-end;gap:var(--space-3);margin-top:var(--space-3);margin-bottom:var(--space-2);animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.chat-typing__avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--gradient-secondary);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-bold);color:#fff;flex-shrink:0;box-shadow:0 2px 6px #7ec49240}.chat-typing__bubble{background:var(--color-surface);border:1px solid var(--color-neutral-150);border-radius:4px 18px 18px;padding:14px 18px;box-shadow:var(--shadow-sm)}.chat-typing__status{font-size:11px;color:var(--color-text-muted);font-style:normal;margin-left:52px;margin-top:6px;opacity:.8;display:flex;align-items:center;gap:var(--space-1)}.chat-input{position:sticky;bottom:0;background:var(--color-surface);border-top:1px solid var(--color-neutral-100);padding:var(--space-4);padding-bottom:max(var(--space-4),env(safe-area-inset-bottom,0px));flex-shrink:0;box-shadow:0 -2px 10px #00000008}.chat-input__inner{max-width:800px;margin:0 auto}.chat-input__error{padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--color-error-light) 0%,rgba(239,68,68,.05) 100%);border:1px solid var(--color-error-200);border-radius:var(--radius-lg);color:var(--color-error);font-size:var(--text-sm);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.chat-input__error:before{content:"!";display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-error);color:#fff;border-radius:var(--radius-full);font-size:12px;font-weight:var(--font-bold);flex-shrink:0}.chat-input__form{display:flex;gap:var(--space-3);align-items:flex-end}.chat-input__field{flex:1}.chat-input__field .input{border-radius:26px;padding:14px 20px;background:var(--color-neutral-50);border:1.5px solid var(--color-neutral-200);transition:all var(--transition-fast);font-size:var(--text-base)}.chat-input__field .input::placeholder{color:var(--color-text-muted)}.chat-input__field .input:focus{background:var(--color-surface);border-color:var(--color-secondary-300);box-shadow:0 0 0 4px #7ec4921f}.chat-input__field .input:disabled{background:var(--color-neutral-100);cursor:not-allowed;opacity:.7}.chat-input__send{width:52px;height:52px;border-radius:var(--radius-full);flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border:none;color:#fff;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px #e0968d59,0 2px 4px #e0968d33}.chat-input__send:hover:not(:disabled){transform:scale(1.05) translateY(-1px);box-shadow:0 6px 16px #e0968d66,0 3px 6px #e0968d40}.chat-input__send:active:not(:disabled){transform:scale(.95);box-shadow:0 2px 8px #e0968d4d}.chat-input__send:disabled{background:var(--color-neutral-200);box-shadow:none;cursor:not-allowed;opacity:.6}.chat-input__send svg{width:22px;height:22px;transition:transform var(--transition-fast)}.chat-input__send:hover:not(:disabled) svg{transform:translate(1px) translateY(-1px)}.chat-input__emotions{display:flex;gap:var(--space-2);padding-bottom:var(--space-3);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.chat-input__emotions::-webkit-scrollbar{display:none}.chat-input__emotion{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-sub);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast)}.chat-input__emotion:hover{background:var(--color-primary-50);border-color:var(--color-primary-200);color:var(--color-primary-600)}.chat-input__emotion-icon{font-size:var(--text-base)}.chat-input__limit-warning{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:linear-gradient(135deg,var(--color-accent-50) 0%,rgba(245,197,92,.08) 100%);border:1px solid var(--color-accent-200);border-radius:var(--radius-lg);margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--color-accent-700)}.chat-input__limit-warning-icon{color:var(--color-accent-500)}.chat-input__limit-warning-link{color:var(--color-accent-600);font-weight:var(--font-semibold);text-decoration:underline;cursor:pointer}.chat-input__limit-warning-link:hover{color:var(--color-accent-700)}.chat-date-separator{display:flex;align-items:center;justify-content:center;padding:var(--space-4) 0}.chat-date-separator__line{flex:1;height:1px;background:var(--color-neutral-150)}.chat-date-separator__text{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);background:var(--color-background);border-radius:var(--radius-full)}@media(max-width:640px){.chat-header{padding:var(--space-3) var(--space-3) var(--space-2)}.chat-header__avatar{width:40px;height:40px;font-size:var(--text-lg)}.chat-header__title{font-size:var(--text-lg)}.chat-messages{padding:var(--space-4) var(--space-3)}.chat-input{padding:var(--space-3)}.chat-input__field .input{padding:12px 16px}.chat-input__send{width:48px;height:48px}.chat-empty{padding:var(--space-8) var(--space-4)}.chat-empty__icon{width:72px;height:72px;font-size:32px}}@media(max-height:500px){.chat-header{padding:var(--space-2) var(--space-3)}.chat-header__badge{display:none}.chat-empty{padding:var(--space-4)}.chat-empty__icon{width:56px;height:56px;font-size:24px}.chat-empty__icon:before{display:none}}.chat-header__back:focus-visible{outline:none;box-shadow:0 0 0 3px #7ec4924d}.chat-input__send:focus-visible{outline:none;box-shadow:0 0 0 3px #e0968d4d,0 4px 12px #e0968d59}.premium-card{position:relative;background:linear-gradient(165deg,#3d2a1f,#2c1810 40%,#1f1410);border-radius:24px;padding:2rem 1.75rem 1.75rem;overflow:hidden;border:1px solid rgba(212,165,116,.15);box-shadow:0 20px 50px #2c181080,0 10px 20px #2c18104d,inset 0 1px #ffffff0d}.premium-card__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.premium-card__glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4}.premium-card__glow--1{top:-20%;right:-10%;width:200px;height:200px;background:radial-gradient(circle,#D4A574 0%,transparent 70%);animation:glow-pulse 4s ease-in-out infinite}.premium-card__glow--2{bottom:-30%;left:-20%;width:250px;height:250px;background:radial-gradient(circle,#8B5A4A 0%,transparent 70%);animation:glow-pulse 5s ease-in-out infinite reverse}@keyframes glow-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.premium-card__pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(212,165,116,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(232,200,158,.02) 0%,transparent 40%)}.premium-card__grain{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;mix-blend-mode:overlay}.premium-card__header{position:relative;display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.premium-card__crown{position:relative;display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:linear-gradient(145deg,#d4a574,#b8956a);border-radius:16px;color:#2c1810;box-shadow:0 8px 20px #d4a57459,inset 0 1px #fff3;animation:crown-float 3s ease-in-out infinite}@keyframes crown-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.premium-card__sparkle{position:absolute;color:#fff8e7;animation:sparkle 2s ease-in-out infinite}.premium-card__sparkle--1{top:-4px;right:-4px;animation-delay:0s}.premium-card__sparkle--2{bottom:-2px;left:-2px;animation-delay:1s}@keyframes sparkle{0%,to{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.premium-card__titles{flex:1}.premium-card__eyebrow{display:block;font-family:DM Sans,sans-serif;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#d4a574;margin-bottom:.25rem}.premium-card__title{font-family:Playfair Display,Georgia,serif;font-size:2rem;font-weight:600;color:#faf6f2;margin:0;letter-spacing:-.02em;line-height:1}.premium-card__tagline{position:relative;font-family:DM Sans,sans-serif;font-size:.9375rem;line-height:1.6;color:#faf6f2bf;margin:0 0 1.5rem;max-width:95%}.premium-card__features{position:relative;display:grid;grid-template-columns:1fr;gap:.625rem;margin-bottom:1.75rem}.premium-card__feature{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:12px;border:1px solid rgba(212,165,116,.1);transition:all .3s ease}.premium-card__feature:hover{background:linear-gradient(135deg,#d4a5741a,#d4a5740d);border-color:#d4a57433;transform:translate(4px)}.premium-card__feature-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(145deg,#d4a57433,#d4a5741a);border-radius:10px;color:#d4a574;flex-shrink:0}.premium-card__feature-text{flex:1;min-width:0}.premium-card__feature-title{display:block;font-family:DM Sans,sans-serif;font-size:.8125rem;font-weight:600;color:#faf6f2;margin-bottom:.125rem}.premium-card__feature-desc{display:block;font-family:DM Sans,sans-serif;font-size:.6875rem;color:#faf6f280}.premium-card__feature-check{color:#7cb97d;flex-shrink:0;opacity:.8}.premium-card__pricing{position:relative;text-align:center;margin-bottom:1.25rem;padding:1.25rem 0;border-top:1px solid rgba(212,165,116,.1);border-bottom:1px solid rgba(212,165,116,.1)}.premium-card__price-tag{display:flex;align-items:baseline;justify-content:center;gap:.125rem}.premium-card__currency{font-family:DM Sans,sans-serif;font-size:1.25rem;font-weight:600;color:#d4a574;align-self:flex-start;margin-top:.5rem}.premium-card__amount{font-family:Playfair Display,Georgia,serif;font-size:3.5rem;font-weight:700;color:#faf6f2;line-height:1;letter-spacing:-.02em}.premium-card__cents{font-family:Playfair Display,Georgia,serif;font-size:1.5rem;font-weight:600;color:#faf6f2;align-self:flex-start;margin-top:.5rem}.premium-card__period{font-family:DM Sans,sans-serif;font-size:.875rem;font-weight:500;color:#faf6f280;margin-left:.375rem}.premium-card__price-note{font-family:DM Sans,sans-serif;font-size:.75rem;color:#faf6f266;margin-top:.5rem}.premium-card__cta{position:relative;display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#d4a574,#c49664,#b8956a);border:none;border-radius:14px;cursor:pointer;overflow:hidden;box-shadow:0 8px 24px #d4a57459,0 4px 8px #d4a57433,inset 0 1px #fff3;transition:all .3s cubic-bezier(.22,1,.36,1)}.premium-card__cta:hover{box-shadow:0 12px 32px #d4a57473,0 6px 12px #d4a57440,inset 0 1px #ffffff40}.premium-card__cta:disabled{opacity:.7;cursor:not-allowed}.premium-card__cta-text{font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;color:#2c1810;letter-spacing:.01em;position:relative;z-index:1}.premium-card__cta-arrow{color:#2c1810;position:relative;z-index:1;transition:transform .3s ease}.premium-card__cta:hover .premium-card__cta-arrow{transform:translate(4px)}.premium-card__cta-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:button-shine 3s ease-in-out infinite}@keyframes button-shine{0%{left:-100%}20%,to{left:100%}}.premium-card__trust{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.25rem}.premium-card__trust-item{display:flex;align-items:center;gap:.375rem;font-family:DM Sans,sans-serif;font-size:.6875rem;color:#faf6f273}.premium-card__trust-item svg{color:#d4a574;opacity:.7}.premium-card__trust-divider{width:3px;height:3px;background:#faf6f233;border-radius:50%}@media(min-width:480px){.premium-card{padding:2.5rem 2rem 2rem}.premium-card__features{grid-template-columns:repeat(2,1fr);gap:.5rem}.premium-card__feature{padding:.625rem .875rem}.premium-card__feature-desc{display:none}.premium-card__title{font-size:2.25rem}}@media(min-width:640px){.premium-card__features{grid-template-columns:repeat(3,1fr)}}.settings-page{width:100%;max-width:720px;margin:0 auto;padding:var(--space-6) var(--space-4);min-height:calc(100vh - 120px)}.settings-header{margin-bottom:var(--space-8);text-align:center}.settings-header__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-main);margin:0 0 var(--space-2) 0;letter-spacing:-.02em}.settings-header__subtitle{font-size:var(--text-base);color:var(--color-text-sub);margin:0;line-height:var(--leading-relaxed)}.settings-sections{display:flex;flex-direction:column;gap:var(--space-5)}.settings-card{background:var(--color-surface);border-radius:var(--radius-2xl);border:1px solid var(--color-neutral-150);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.settings-card:hover{box-shadow:var(--shadow-md)}.settings-card__header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.settings-card__icon{width:44px;height:44px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.settings-card:hover .settings-card__icon{transform:scale(1.05)}.settings-card__icon--primary{background:linear-gradient(135deg,var(--color-primary-100) 0%,var(--color-primary-50) 100%);color:var(--color-primary-500);box-shadow:0 3px 10px #e0968d33}.settings-card__icon--secondary{background:linear-gradient(135deg,var(--color-secondary-100) 0%,var(--color-secondary-50) 100%);color:var(--color-secondary-500);box-shadow:0 3px 10px #7ec49233}.settings-card__icon--accent{background:linear-gradient(135deg,var(--color-accent-100) 0%,var(--color-accent-50) 100%);color:var(--color-accent-600);box-shadow:0 3px 10px #f5c55c33}.settings-card__icon svg{width:20px;height:20px}.settings-card__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-main);margin:0;letter-spacing:-.01em}.settings-card__divider{height:1px;background:linear-gradient(90deg,var(--color-neutral-150) 0%,var(--color-neutral-100) 100%);margin-bottom:var(--space-5)}.account-row{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-4) 0;gap:var(--space-4)}.account-row:not(:last-child){border-bottom:1px solid var(--color-neutral-100)}.account-row__label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-main);margin-bottom:var(--space-1)}.account-row__value{font-size:var(--text-sm);color:var(--color-text-sub)}.account-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:5px 12px;border-radius:var(--radius-full);letter-spacing:.01em}.account-badge--premium{background:var(--gradient-premium);color:var(--color-accent-700);box-shadow:0 2px 6px #f5c55c33}.account-badge--free{background:var(--color-neutral-100);color:var(--color-text-sub);border:1px solid var(--color-neutral-200)}.subscription-details{margin-top:var(--space-3);padding:var(--space-3);background:var(--color-neutral-50);border-radius:var(--radius-lg)}.subscription-status{font-size:var(--text-xs);color:var(--color-text-sub);margin-bottom:var(--space-1)}.subscription-expiry{font-size:var(--text-xs);font-weight:var(--font-medium)}.subscription-expiry--warning{color:var(--color-warning)}.subscription-expiry--normal{color:var(--color-secondary-600)}.faq-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid var(--color-neutral-100)}.faq-item:last-child{border-bottom:none}.faq-trigger{width:100%;text-align:left;background:none;border:none;padding:var(--space-4) 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-main);transition:all var(--transition-fast);gap:var(--space-4)}.faq-trigger:hover{color:var(--color-primary-500)}.faq-trigger__icon{width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-neutral-100);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0}.faq-trigger__icon--open{background:var(--color-primary-100);transform:rotate(180deg)}.faq-trigger__icon svg{width:16px;height:16px;color:var(--color-text-muted);transition:color var(--transition-fast)}.faq-trigger__icon--open svg{color:var(--color-primary-500)}.faq-content{padding:0 0 var(--space-4) 0;font-size:var(--text-sm);color:var(--color-text-sub);line-height:var(--leading-relaxed);overflow:hidden}.info-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-3);background:var(--color-neutral-50);border-radius:var(--radius-lg)}.info-row__icon{color:var(--color-text-muted)}.info-row__text{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-sub)}.info-description{font-size:var(--text-sm);color:var(--color-text-sub);line-height:var(--leading-relaxed);margin:0}.feedback-section__text{font-size:var(--text-sm);color:var(--color-text-sub);margin:0 0 var(--space-4) 0;line-height:var(--leading-relaxed)}.logout-card{background:var(--color-surface);border-radius:var(--radius-2xl);border:1px solid var(--color-neutral-150);padding:var(--space-4);box-shadow:var(--shadow-sm)}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4);border:none;border-radius:var(--radius-xl);background:transparent;color:var(--color-error);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.logout-btn:hover{background:#ef444414}.logout-btn:active{transform:scale(.98)}.logout-btn svg{width:20px;height:20px}@media(max-width:768px){.settings-page{padding:var(--space-5) var(--space-4)}.settings-header{margin-bottom:var(--space-6)}.settings-header__title{font-size:var(--text-2xl)}}@media(max-width:640px){.settings-card{padding:var(--space-5);border-radius:var(--radius-xl)}.settings-card__icon{width:40px;height:40px}.settings-card__title{font-size:var(--text-lg)}.account-row{flex-direction:column;gap:var(--space-3);align-items:stretch}.account-row>button{align-self:flex-start}.premium-upsell{padding:var(--space-6);border-radius:var(--radius-xl)}.premium-upsell__icon{width:48px;height:48px}.premium-upsell__title{font-size:var(--text-xl)}.premium-upsell__amount{font-size:32px}.faq-trigger{font-size:var(--text-sm);padding:var(--space-3) 0}.faq-trigger__icon{width:24px;height:24px}}.settings-sections>*{animation:settings-card-in .4s var(--ease-out-expo) both}.settings-sections>*:nth-child(1){animation-delay:.05s}.settings-sections>*:nth-child(2){animation-delay:.1s}.settings-sections>*:nth-child(3){animation-delay:.15s}.settings-sections>*:nth-child(4){animation-delay:.2s}.settings-sections>*:nth-child(5){animation-delay:.25s}.settings-sections>*:nth-child(6){animation-delay:.3s}@keyframes settings-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.premium-upsell:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%);animation:premium-shimmer 3s ease-in-out infinite;pointer-events:none}@keyframes premium-shimmer{0%{transform:translate(0)}to{transform:translate(200%)}}.settings-card:focus-within{box-shadow:var(--shadow-md),0 0 0 3px #e0968d26}.faq-trigger:focus-visible{outline:none;background:var(--color-neutral-50);border-radius:var(--radius-lg);margin:0 calc(-1 * var(--space-3));padding:var(--space-4) var(--space-3)}.logout-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #ef444433}.progress-page{max-width:800px;margin:0 auto;padding:var(--space-6) var(--space-4);min-height:calc(100vh - 120px)}.progress-page__header{margin-bottom:var(--space-8);text-align:center}.progress-page__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-main);margin:0 0 var(--space-2);letter-spacing:-.02em}.progress-page__subtitle{font-size:var(--text-base);color:var(--color-text-sub);margin:0;line-height:var(--leading-relaxed)}.progress-page__content{display:flex;flex-direction:column;gap:var(--space-6)}.progress-card{background:var(--color-surface);border-radius:var(--radius-2xl);border:1px solid var(--color-neutral-150);overflow:hidden;position:relative;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.progress-card:hover{box-shadow:var(--shadow-md)}.progress-card__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-neutral-100);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-neutral-50) 100%)}.progress-card__header-left{display:flex;align-items:center;gap:var(--space-4)}.progress-card__icon{width:48px;height:48px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.progress-card:hover .progress-card__icon{transform:scale(1.05)}.progress-card__icon--blue{background:linear-gradient(135deg,var(--color-primary-100) 0%,var(--color-primary-50) 100%);color:var(--color-primary-500);box-shadow:0 3px 10px #e0968d33}.progress-card__icon--purple{background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);color:#8b5cf6;box-shadow:0 3px 10px #8b5cf633}.progress-card__icon--green{background:linear-gradient(135deg,var(--color-secondary-100) 0%,var(--color-secondary-50) 100%);color:var(--color-secondary-500);box-shadow:0 3px 10px #7ec49233}.progress-card__icon svg{width:22px;height:22px}.progress-card__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-main);margin:0;letter-spacing:-.01em}.progress-card__subtitle{font-size:var(--text-sm);color:var(--color-text-sub);margin:var(--space-1) 0 0}.progress-card__badge{font-size:11px;font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--gradient-premium);color:var(--color-accent-700);text-transform:uppercase;letter-spacing:.04em;box-shadow:0 2px 6px #f5c55c40}.progress-card__body{padding:var(--space-6)}.progress-card--blurred .progress-card__body{filter:blur(10px);pointer-events:none;-webkit-user-select:none;user-select:none}.progress-card__overlay{position:absolute;inset:80px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);background:linear-gradient(180deg,#ffffffb3,#fffffff2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;padding:var(--space-6)}.progress-card__overlay-icon{width:64px;height:64px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-accent-100) 0%,var(--color-accent-50) 100%);display:flex;align-items:center;justify-content:center;color:var(--color-accent-600);box-shadow:0 4px 16px #f5c55c40}.progress-card__overlay-icon svg{width:28px;height:28px}.progress-card__overlay-text{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-main);text-align:center;margin:0;letter-spacing:-.01em}.progress-card__overlay-subtext{font-size:var(--text-sm);color:var(--color-text-sub);text-align:center;margin:0;max-width:280px}.progress-card__overlay-button{margin-top:var(--space-2)}.weekly-recap__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.weekly-recap__stat{text-align:center;padding:var(--space-5);background:linear-gradient(135deg,var(--color-neutral-50) 0%,var(--color-surface) 100%);border-radius:var(--radius-xl);border:1px solid var(--color-neutral-100);transition:all var(--transition-fast)}.weekly-recap__stat:hover{border-color:var(--color-neutral-200);box-shadow:var(--shadow-sm)}.weekly-recap__stat-value{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-main);line-height:1;letter-spacing:-.02em}.weekly-recap__stat-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-sub);margin-top:var(--space-2)}.weekly-recap__stat-change{font-size:var(--text-xs);font-weight:var(--font-semibold);margin-top:var(--space-2);display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full)}.weekly-recap__stat-change--up{background:#10b9811a;color:#059669}.weekly-recap__stat-change--down{background:#ef44441a;color:#dc2626}.weekly-recap__stat-change--neutral{background:var(--color-neutral-100);color:var(--color-text-muted)}.pattern-evolution__list{display:flex;flex-direction:column;gap:var(--space-4)}.pattern-evolution__item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:linear-gradient(135deg,var(--color-neutral-50) 0%,var(--color-surface) 100%);border-radius:var(--radius-xl);border:1px solid var(--color-neutral-100);transition:all var(--transition-fast)}.pattern-evolution__item:hover{border-color:var(--color-neutral-200);box-shadow:var(--shadow-sm);transform:translate(4px)}.pattern-evolution__item-badge{font-size:10px;font-weight:var(--font-bold);padding:4px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em}.pattern-evolution__item-badge--good{background:linear-gradient(135deg,var(--color-secondary-100) 0%,var(--color-secondary-50) 100%);color:var(--color-secondary-600)}.pattern-evolution__item-badge--bad{background:linear-gradient(135deg,#ef444426,#ef444414);color:var(--color-error)}.pattern-evolution__item-content{flex:1;min-width:0}.pattern-evolution__item-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-main);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pattern-evolution__item-frequency{font-size:var(--text-sm);color:var(--color-text-sub);margin:var(--space-1) 0 0}.pattern-evolution__item-trend{display:flex;align-items:center;gap:4px;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg)}.pattern-evolution__item-trend--improving{background:#10b9811a;color:#059669}.pattern-evolution__item-trend--worsening{background:#ef44441a;color:#dc2626}.pattern-evolution__item-trend--stable{background:var(--color-neutral-100);color:var(--color-text-muted)}.pattern-evolution__empty{text-align:center;padding:var(--space-10) var(--space-6);color:var(--color-text-sub)}.pattern-evolution__empty-icon{width:64px;height:64px;margin:0 auto var(--space-4);color:var(--color-neutral-300)}.pattern-evolution__empty-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-main);margin:0 0 var(--space-2)}.pattern-evolution__empty-text{font-size:var(--text-sm);color:var(--color-text-sub);max-width:260px;margin:0 auto;line-height:var(--leading-relaxed)}.challenge-stats__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.challenge-stats__item{padding:var(--space-5);background:linear-gradient(135deg,var(--color-neutral-50) 0%,var(--color-surface) 100%);border-radius:var(--radius-xl);text-align:center;border:1px solid var(--color-neutral-100);transition:all var(--transition-fast)}.challenge-stats__item:hover{border-color:var(--color-neutral-200);box-shadow:var(--shadow-sm)}.challenge-stats__item--highlight{background:var(--gradient-premium);border-color:var(--color-accent-200);grid-column:span 2;box-shadow:0 4px 16px #f5c55c33}.challenge-stats__item--highlight:hover{box-shadow:0 6px 20px #f5c55c40}.challenge-stats__item-icon{width:48px;height:48px;margin:0 auto var(--space-3);border-radius:var(--radius-full);background:var(--color-surface);display:flex;align-items:center;justify-content:center;color:var(--color-primary-500);box-shadow:var(--shadow-sm)}.challenge-stats__item--highlight .challenge-stats__item-icon{background:#ffffffe6;color:var(--color-accent-600);box-shadow:0 2px 8px #f5c55c33}.challenge-stats__item-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-main);line-height:1;letter-spacing:-.02em}.challenge-stats__item--highlight .challenge-stats__item-value{color:var(--color-accent-700)}.challenge-stats__item-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-sub);margin-top:var(--space-2)}.challenge-stats__item--highlight .challenge-stats__item-label{color:var(--color-accent-600)}.skeleton{background:linear-gradient(90deg,var(--color-neutral-100) 0%,var(--color-neutral-50) 50%,var(--color-neutral-100) 100%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.progress-page{padding:var(--space-5) var(--space-4)}.progress-page__header{margin-bottom:var(--space-6)}.progress-page__title{font-size:var(--text-2xl)}.progress-card__header{padding:var(--space-4) var(--space-5)}.progress-card__body{padding:var(--space-5)}.progress-card__icon{width:44px;height:44px}.progress-card__title{font-size:var(--text-lg)}}@media(max-width:640px){.weekly-recap__stats{grid-template-columns:1fr;gap:var(--space-3)}.weekly-recap__stat{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:var(--space-4)}.weekly-recap__stat-value{font-size:var(--text-2xl);order:1}.weekly-recap__stat-label{margin-top:0;order:0;flex:1}.weekly-recap__stat-change{margin-top:0;margin-left:var(--space-3);order:2}.challenge-stats__grid{grid-template-columns:1fr}.challenge-stats__item--highlight{grid-column:span 1}.progress-card__header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.progress-card__badge{align-self:flex-start}.progress-card__overlay{top:100px;padding:var(--space-5)}.progress-card__overlay-icon{width:56px;height:56px}.progress-card__overlay-text{font-size:var(--text-base)}}.progress-page__content .progress-card{animation:card-fade-in .4s var(--ease-out-expo) both}.progress-page__content .progress-card:nth-child(1){animation-delay:.1s}.progress-page__content .progress-card:nth-child(2){animation-delay:.2s}.progress-page__content .progress-card:nth-child(3){animation-delay:.3s}@keyframes card-fade-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.weekly-recap__stat-value,.challenge-stats__item-value{animation:value-pop .5s var(--ease-out-expo) .4s both}@keyframes value-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.progress-card:focus-within{box-shadow:var(--shadow-md),0 0 0 3px #e0968d26}.progress-card__overlay-button:focus-visible{outline:none;box-shadow:0 0 0 3px #e0968d4d,0 4px 12px #e0968d59}.onboarding-step-unified{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-8);width:100%;max-width:500px;margin:0 auto}.onboarding-step-unified__logo{animation:scaleIn .4s ease-out forwards;opacity:0;transform:scale(.95);animation-delay:.1s}.onboarding-step-unified__logo-img{max-width:280px;width:100%;height:auto;margin:0 auto}.onboarding-step-unified__header{display:flex;flex-direction:column;gap:var(--space-4);animation:slideUp .5s ease-out forwards;opacity:0;animation-delay:.1s}.onboarding-step-unified__title{font-size:32px;font-weight:var(--weight-bold);color:var(--color-text-main);margin:0;line-height:1.2}.onboarding-step-unified__description{font-size:20px;color:var(--color-text-sub);line-height:1.6;margin:0}.onboarding-step-unified__preview{width:100%;padding:var(--space-4) 0;animation:slideUp .5s ease-out forwards;opacity:0;animation-delay:.2s}.onboarding-step-unified__cta{width:100%;max-width:300px;animation:slideUp .5s ease-out forwards;opacity:0;animation-delay:.3s}.onboarding-step-unified__cta--large{max-width:350px}.onboarding-step-unified__button{width:100%;min-height:56px;font-size:18px}.onboarding-step-unified__cta--large .onboarding-step-unified__button{min-height:64px;font-size:20px;font-weight:var(--weight-bold)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.onboarding-step-unified{gap:var(--space-6)}.onboarding-step-unified__logo-img{max-width:220px}.onboarding-step-unified__title{font-size:28px}.onboarding-step-unified__description{font-size:18px}.onboarding-step-unified__button{min-height:52px;font-size:16px}.onboarding-step-unified__cta--large .onboarding-step-unified__button{min-height:56px;font-size:18px}}.onboarding{min-height:100vh;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.onboarding__progress{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.onboarding__progress-dot{height:8px;border-radius:var(--radius-full);background-color:var(--color-neutral-300);transition:width var(--transition-normal),background-color var(--transition-normal)}.onboarding__progress-dot--active{width:24px;background-color:var(--color-primary)}.onboarding__progress-dot--completed{width:8px;background-color:var(--color-primary)}.onboarding__progress-dot--pending{width:8px}.onboarding-screen{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.onboarding-screen__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);width:100%}.onboarding-screen__emoji{font-size:64px;line-height:1;animation:breathe 3s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.onboarding-screen__title{font-size:var(--text-h1);font-weight:var(--font-bold);color:var(--color-text-main);line-height:var(--leading-tight);margin:0}.onboarding-screen__subtitle{font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--color-text-main);margin:0}.onboarding-screen__description{font-size:var(--text-base);color:var(--color-text-sub);line-height:var(--leading-relaxed);max-width:320px;margin:0}.welcome__value-props{display:flex;flex-direction:column;gap:var(--space-3);width:100%;margin-top:var(--space-2)}.welcome__value-prop{display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.welcome__value-prop-icon{font-size:20px;flex-shrink:0}.welcome__value-prop-text{font-size:var(--text-base);color:var(--color-text-main);font-weight:var(--font-medium);text-align:left}.how-it-works__flow{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin:var(--space-4) 0}.how-it-works__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);font-size:24px}.how-it-works__connector{width:20px;height:2px;background:var(--color-neutral-300)}.how-it-works__steps{display:flex;flex-direction:column;gap:var(--space-4);width:100%;text-align:left}.how-it-works__step{display:flex;align-items:flex-start;gap:var(--space-3)}.how-it-works__step-number{color:var(--color-primary);font-weight:var(--font-bold);font-size:var(--text-base);min-width:20px}.how-it-works__step-content{display:flex;flex-direction:column;gap:var(--space-1)}.how-it-works__step-title{font-weight:var(--font-semibold);color:var(--color-text-main);font-size:var(--text-base)}.how-it-works__step-desc{font-size:var(--text-sm);color:var(--color-text-sub)}.onboarding-step{width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--space-6)}.onboarding-step__title{text-align:center;color:var(--color-text-main)}.tone-option__label,.goal-option__label{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-main);flex:1}.tone-option__check,.goal-option__check{color:var(--color-primary);font-weight:var(--font-bold);font-size:var(--text-lg)}.tone-option__desc,.goal-option__desc{font-size:var(--text-sm);color:var(--color-text-sub);margin:0;line-height:var(--leading-normal)}.goal-option__icon{font-size:24px;line-height:1}.ready-screen__steps{display:flex;flex-direction:column;gap:var(--space-4);width:100%;background:var(--color-surface);padding:var(--space-5);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);text-align:left}.ready-screen__step{display:flex;align-items:flex-start;gap:var(--space-3)}.ready-screen__step-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-50);border-radius:var(--radius-md);color:var(--color-primary);flex-shrink:0}.ready-screen__step-icon svg{width:18px;height:18px}.ready-screen__step-content{display:flex;flex-direction:column;gap:var(--space-1)}.ready-screen__step-title{font-weight:var(--font-semibold);color:var(--color-text-main);font-size:var(--text-base)}.ready-screen__step-desc{font-size:var(--text-sm);color:var(--color-text-sub)}.onboarding__cta{width:100%;margin-top:var(--space-4)}@media(max-width:640px){.onboarding{padding:var(--space-6) var(--space-4)}.onboarding-screen__title{font-size:var(--text-h2)}.onboarding-screen__emoji{font-size:56px}.how-it-works__icon{width:40px;height:40px;font-size:20px}.how-it-works__connector{width:12px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}*{transition-property:background-color,border-color,color,fill,stroke;transition-duration:.2s;transition-timing-function:ease-in-out}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--weight-medium);font-size:var(--text-body);transition:all var(--transition-fast);border:none;outline:none;cursor:pointer;text-decoration:none}.btn:active{transform:scale(.98)}.btn--primary{background-color:var(--color-primary);color:var(--color-primary-contrast);box-shadow:var(--shadow-md)}.btn--primary:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-lg)}.btn--secondary{background-color:var(--color-surface);color:var(--color-text-main);border:1px solid var(--color-border)}.btn--secondary:hover{background-color:var(--color-background);border-color:var(--color-text-sub)}.btn--ghost{background-color:transparent;color:var(--color-text-sub)}.btn--ghost:hover{background-color:#0000000d;color:var(--color-text-main)}.btn--full{width:100%}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.input{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border);background-color:var(--color-background);font-family:var(--font-body);font-size:var(--text-body);color:var(--color-text-main);transition:border-color var(--transition-fast)}.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #ff8fa333}.insight-card{border-left:4px solid var(--color-accent);background:linear-gradient(to right,rgba(244,211,94,.1),transparent)}