@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary-blue: #2563EB;--secondary-blue: #1D4ED8;--accent-blue: #60A5FA;--success-green: #22C55E;--warning-orange: #F59E0B;--error-red: #EF4444;--info-blue: #3B82F6;--background: #FFFFFF;--surface: #FFFFFF;--surface-sidebar: #F8FAFC;--border: #E2E8F0;--text-primary: #1E293B;--text-secondary: #64748B;--text-muted: #94A3B8;--text-tertiary: #94A3B8;--color-background: var(--background);--color-background-primary: var(--surface);--color-background-secondary: var(--background);--color-background-tertiary: #EFF2F5;--color-surface: var(--surface);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-tertiary: var(--text-muted);--color-border: var(--border);--color-border-primary: var(--border);--color-border-hover: #CBD5E1;--color-icon-primary: var(--text-primary);--color-icon-secondary: var(--text-secondary);--color-icon-tertiary: var(--text-muted);--color-primary: var(--primary-blue);--color-primary-50: rgba(37, 99, 235, .04);--color-primary-100: rgba(37, 99, 235, .08);--color-primary-light: rgba(37, 99, 235, .1);--color-primary-dark: #1D4ED8;--color-white: #FFFFFF;--color-success: var(--success-green);--color-success-50: rgba(34, 197, 94, .06);--color-success-light: rgba(34, 197, 94, .1);--color-success-dark: #16A34A;--color-warning: var(--warning-orange);--color-warning-light: rgba(245, 158, 11, .1);--color-warning-dark: #D97706;--color-warning-bg: #FFFBEB;--color-warning-border: #FDE68A;--color-danger: var(--error-red);--color-danger-light: rgba(239, 68, 68, .1);--color-danger-dark: #DC2626;--color-error: var(--error-red);--color-error-50: rgba(239, 68, 68, .06);--color-error-bg: #FEF2F2;--color-error-border: #FECACA;--color-info: var(--info-blue);--color-info-light: rgba(59, 130, 246, .1);--color-info-dark: #2563EB;--color-info-bg: #EFF6FF;--color-info-border: #BFDBFE;--color-ai-accent: #8b5cf6;--color-ai-light: rgba(139, 92, 246, .1);--color-ai-bg-start: rgba(139, 92, 246, .08);--color-ai-bg-end: rgba(139, 92, 246, .04);--color-ai-accent-hover: #7c3aed;--color-ai-border: rgba(139, 92, 246, .2);--color-neutral-light: rgba(100, 116, 139, .1);--color-neutral-dark: #475569;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 28px;--font-size-xs: var(--text-xs);--font-size-sm: var(--text-sm);--font-size-base: var(--text-base);--font-size-lg: var(--text-lg);--font-size-xl: var(--text-xl);--font-size-2xl: var(--text-2xl);--font-size-3xl: var(--text-3xl);--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-weight-normal: var(--font-normal);--font-weight-medium: var(--font-medium);--font-weight-semibold: var(--font-semibold);--font-weight-bold: var(--font-bold);--leading-tight: 1.2;--leading-snug: 1.3;--leading-normal: 1.4;--leading-relaxed: 1.5;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--nav-height: 56px;--mobile-nav-height: 72px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;touch-action:manipulation}body{margin:0;font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-primary);background-color:var(--background);min-height:100vh}ul,ol{list-style:none}button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;background:none;border:none;padding:0}a{color:inherit;text-decoration:none}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}table{border-collapse:collapse;border-spacing:0}:focus-visible{outline:3px solid var(--secondary-blue);outline-offset:2px}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:768px){input,textarea,select,[contenteditable]{font-size:16px!important}}.text-h1{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--primary-blue)}.text-h2{font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);color:var(--secondary-blue)}.text-h3{font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-normal);color:var(--text-primary)}.coach-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--primary-blue)}.message-preview{font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--text-secondary);line-height:var(--leading-normal)}.timestamp{font-size:var(--text-xs);font-weight:var(--font-normal);color:var(--text-muted)}.status-label{font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}#root{width:100%;min-height:100vh}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--space-4)}@media(min-width:768px){.container{padding:0 var(--space-6)}}@media(min-width:1024px){.container{padding:0 var(--space-8)}}.page-loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:14px;color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fadeIn{animation:fadeIn var(--transition-base)}.animate-slideUp{animation:slideUp var(--transition-base)}.animate-slideDown{animation:slideDown var(--transition-base)}.animate-spin{animation:spin 1s linear infinite}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-6, 1.5rem);background-color:var(--surface-sidebar, #f8fafc)}.error-boundary__card{display:flex;flex-direction:column;align-items:center;max-width:24rem;width:100%;padding:var(--space-8, 2rem);background-color:var(--surface, #ffffff);border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-lg, 12px);text-align:center}.error-boundary__logo{height:1.75rem;margin-bottom:var(--space-6, 1.5rem)}.error-boundary__icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin-bottom:var(--space-4, 1rem);border-radius:50%;background-color:#fef2f2;color:var(--error-red, #ef4444)}.error-boundary__icon svg{width:1.5rem;height:1.5rem}.error-boundary__title{margin:0 0 var(--space-2, .5rem);font-size:var(--text-lg, 1.125rem);font-weight:var(--font-semibold, 600);color:var(--text-primary, #1e293b)}.error-boundary__message{margin:0 0 var(--space-4, 1rem);font-size:var(--text-sm, .875rem);color:var(--text-secondary, #64748b);line-height:1.5}.error-boundary__details{width:100%;padding:var(--space-3, .75rem);margin-bottom:var(--space-4, 1rem);background-color:var(--surface-sidebar, #f8fafc);border-radius:var(--radius-md, 8px);text-align:left}.error-boundary__details-label{margin:0 0 var(--space-2, .5rem);font-size:var(--text-xs, .75rem);font-weight:var(--font-medium, 500);color:var(--text-secondary, #64748b)}.error-boundary__details-list{margin:0;padding:0;list-style:none;font-size:var(--text-xs, .75rem);font-family:monospace;color:var(--text-muted, #94a3b8)}.error-boundary__details-list li{padding:1px 0}.error-boundary__details-list li:before{content:"• ";color:var(--text-muted, #94a3b8)}.error-boundary__details-error{margin:0;font-size:var(--text-xs, .75rem);font-family:monospace;color:var(--error-red, #ef4444);word-break:break-word}.error-boundary__button{width:100%;padding:var(--space-2, .5rem) var(--space-4, 1rem);border:none;border-radius:var(--radius-md, 8px);background-color:var(--primary-blue, #1b4b7a);color:#fff;font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500);font-family:inherit;cursor:pointer;transition:background-color .15s ease}.error-boundary__button:hover{background-color:var(--secondary-blue, #3b82c6)}.mobile-subscription-blocker{position:fixed;inset:0;z-index:var(--z-modal, 1050);display:flex;align-items:center;justify-content:center;background:var(--color-background, #f8fafc);padding:var(--space-6);padding-top:calc(var(--space-6) + env(safe-area-inset-top,0px));padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px))}.mobile-subscription-blocker__card{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:360px;width:100%}.mobile-subscription-blocker__logo{display:block;max-width:220px;width:100%;height:auto;margin-bottom:var(--space-8)}.mobile-subscription-blocker__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-3) 0;line-height:1.3}.mobile-subscription-blocker__message{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-8) 0;line-height:1.6}.mobile-subscription-blocker__cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-6);background:var(--color-primary, #2563eb);color:#fff;font-size:var(--text-base);font-weight:var(--font-semibold);border:none;border-radius:var(--radius-md);cursor:pointer;min-height:48px;-webkit-tap-highlight-color:transparent;transition:background var(--transition-fast, .15s) ease}.mobile-subscription-blocker__cta:hover{background:var(--color-primary-dark, #1d4ed8)}.mobile-subscription-blocker__cta:active{background:var(--color-primary-dark, #1d4ed8);transform:scale(.98)}.mobile-subscription-blocker__cta:disabled{opacity:.7;cursor:not-allowed}.mobile-subscription-blocker__logout{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-6);padding:var(--space-2) var(--space-3);background:none;border:none;font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;min-height:44px;-webkit-tap-highlight-color:transparent}.mobile-subscription-blocker__logout:hover{color:var(--text-secondary)}@media(prefers-reduced-motion:reduce){.mobile-subscription-blocker__cta{transition:none}.mobile-subscription-blocker__cta:active{transform:none}}.app-skeleton{display:flex;height:100vh;background:var(--background)}.app-skeleton__sidebar{width:280px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:var(--space-4) 0}.app-skeleton__logo{height:40px;margin:0 var(--space-6) var(--space-3);border-radius:var(--radius-md)}.app-skeleton__nav{flex:1;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.app-skeleton__nav-item{height:44px;border-radius:var(--radius-md)}.app-skeleton__profile{margin-top:auto;padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);display:flex;align-items:center;gap:var(--space-3)}.app-skeleton__avatar{width:40px;height:40px;border-radius:50%}.app-skeleton__profile-info{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.app-skeleton__profile-name{height:14px;width:120px;border-radius:var(--radius-sm)}.app-skeleton__profile-email{height:12px;width:140px;border-radius:var(--radius-sm)}.app-skeleton__main{flex:1;padding:var(--space-8)}.app-skeleton__content{max-width:800px}.app-skeleton__title{height:32px;width:300px;margin-bottom:var(--space-6);border-radius:var(--radius-md)}.app-skeleton__text{height:16px;margin-bottom:var(--space-3);border-radius:var(--radius-sm)}.skeleton-shimmer{background:linear-gradient(90deg,var(--surface-secondary, #f0f0f0) 0%,var(--surface-tertiary, #e0e0e0) 50%,var(--surface-secondary, #f0f0f0) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.app-skeleton__sidebar{display:none}.app-skeleton__main{padding:var(--space-4)}}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background-color:var(--color-info-bg);border-bottom:1px solid var(--color-info-border);padding:var(--space-2) var(--space-6)}.offline-banner__content{display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-info-dark)}.offline-banner__icon{flex-shrink:0}.offline-banner__text{font-size:var(--text-sm);font-weight:var(--font-medium)}.update-banner{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:var(--z-fixed);background-color:var(--surface-sidebar);border:1px solid var(--border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);box-shadow:0 2px 12px #00000014;animation:slideUp .3s ease-out}.update-banner__content,.update-banner__message{display:flex;align-items:center;gap:var(--space-2)}.update-banner__icon{flex-shrink:0;color:var(--text-muted)}.update-banner__text{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);white-space:nowrap}.update-banner__separator{color:var(--border);font-size:var(--text-xs);-webkit-user-select:none;user-select:none}.update-banner__reload{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--primary-blue);background:none;border:none;cursor:pointer;white-space:nowrap;padding:0;transition:color .15s ease}.update-banner__reload:hover{color:var(--secondary-blue)}.update-banner__dismiss{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-full);transition:color .15s ease,background-color .15s ease}.update-banner__dismiss:hover{color:var(--text-secondary);background-color:var(--border)}@media(max-width:768px){.update-banner{bottom:calc(var(--mobile-nav-height) + var(--space-4))}}.disconnected-banner{background-color:var(--color-warning-bg);border-bottom:1px solid var(--color-warning-border);padding:var(--space-3) var(--space-6);margin:calc(-1 * var(--space-6)) calc(-1 * var(--space-6)) var(--space-6)}.disconnected-banner__content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.disconnected-banner__message{display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-warning-dark);flex:1}.disconnected-banner__icon{flex-shrink:0}.disconnected-banner__text{font-size:var(--text-sm);font-weight:var(--font-medium)}.disconnected-banner__link{color:var(--color-warning-dark);text-decoration:underline;font-weight:var(--font-semibold)}.disconnected-banner__link:hover{color:var(--text-primary)}.disconnected-banner__dismiss{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-warning);background:none;border:none;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm)}.disconnected-banner__dismiss:hover{color:var(--color-warning-dark)}@media(max-width:768px){.disconnected-banner{padding:var(--space-3) var(--space-5);margin:calc(-1 * var(--space-4)) calc(-1 * var(--space-5)) var(--space-4)}}.mobile-layout{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden;background-color:var(--color-background, #ffffff)}.mobile-layout__header{flex-shrink:0;background-color:var(--color-surface, #ffffff);border-bottom:1px solid var(--color-border, #e5e7eb);z-index:10}.mobile-layout__content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:var(--space-4) var(--space-5) var(--space-8);scrollbar-width:none}.mobile-layout__content::-webkit-scrollbar{display:none}.mobile-layout__navigation{flex-shrink:0;background-color:var(--color-surface, #ffffff);border-top:1px solid var(--color-border, #e5e7eb);z-index:10}.mobile-layout:has(.slide-over-backdrop) .mobile-layout__navigation{display:none}.app-footer{position:relative;display:flex;justify-content:center;align-items:center;padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);background:var(--surface)}.app-footer__text{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.01em}.app-footer__heart{color:var(--error-red);display:inline-block;animation:heartbeat 1.5s ease-in-out infinite}.app-footer__version{position:absolute;right:var(--space-6);font-size:var(--text-xs);color:var(--text-muted);opacity:.9}.app-footer__version--trigger{background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;text-decoration-style:dashed;text-underline-offset:2px}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.15)}28%{transform:scale(1)}42%{transform:scale(1.15)}56%{transform:scale(1)}}@media(max-width:768px){.app-footer{padding:var(--space-3) var(--space-4);margin-bottom:var(--mobile-nav-height)}}.app-layout{position:relative;display:flex;flex-direction:column;min-height:100vh;background:var(--background)}.app-layout__main{flex:1;display:flex;flex-direction:column;margin-top:var(--nav-height);width:100%}.app-layout__header{position:sticky;top:var(--nav-height);z-index:calc(var(--z-sticky) - 1);background:var(--surface);border-bottom:1px solid var(--border);padding:var(--space-4) var(--space-6)}.app-layout__content{flex:1;padding:var(--space-6);width:100%}@media(max-width:768px){.app-layout__main{margin-top:0}.app-layout__header{top:0;padding:var(--space-3) var(--space-5)}.app-layout__content{padding:var(--space-5)}}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all .15s ease;cursor:pointer;border:1px solid transparent;white-space:nowrap;-webkit-user-select:none;user-select:none}.button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-primary-100)}.button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button--sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);min-height:32px}.button--md{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);min-height:36px}.button--lg{padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);min-height:44px}.button--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.button--primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.button--primary:active:not(:disabled){background:var(--primary-blue)}.button--secondary{background:transparent;color:var(--color-text-primary);border-color:var(--color-border)}.button--secondary:hover:not(:disabled){background:var(--color-background-tertiary);border-color:var(--color-border-hover)}.button--outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.button--outline:hover:not(:disabled){background:var(--color-primary-50)}.button--ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.button--ghost:hover:not(:disabled){background:var(--color-background-tertiary);color:var(--color-text-primary)}.button--danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}.button--danger:hover:not(:disabled){background:var(--color-danger-dark);border-color:var(--color-danger-dark)}.button--full-width{width:100%}.button--loading{position:relative;color:transparent}.button__spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:button-spin .6s linear infinite}@keyframes button-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.button--primary .button__spinner,.button--danger .button__spinner{border-color:#fff;border-right-color:transparent}.button__text--loading{opacity:0}.checkbox-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.checkbox-wrapper--disabled{opacity:.5;cursor:not-allowed}.checkbox-container{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-wrapper--disabled .checkbox-container{cursor:not-allowed}.checkbox-input{position:absolute;opacity:0;width:0;height:0}.checkbox-box{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-top:2px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.checkbox-check{opacity:0;transform:scale(.5);transition:all var(--transition-fast);color:#fff;stroke-width:3}.checkbox-container:hover .checkbox-box{border-color:var(--secondary-blue)}.checkbox-input:focus-visible+.checkbox-box{outline:none;border-color:var(--secondary-blue);box-shadow:0 0 0 3px #3b82c633}.checkbox-input:checked+.checkbox-box{background:var(--secondary-blue);border-color:var(--secondary-blue)}.checkbox-input:checked+.checkbox-box .checkbox-check{opacity:1;transform:scale(1)}.checkbox-box--indeterminate{background:var(--secondary-blue);border-color:var(--secondary-blue)}.checkbox-box--indeterminate .checkbox-check{opacity:1;transform:scale(1)}.checkbox-box--error,.checkbox-box--error:hover{border-color:var(--error-red)}.checkbox-input:focus-visible+.checkbox-box--error{box-shadow:0 0 0 3px #ef444433}.checkbox-input:disabled+.checkbox-box{background:var(--background);border-color:var(--border);cursor:not-allowed}.checkbox-input:disabled:checked+.checkbox-box{background:var(--text-muted);border-color:var(--text-muted)}.checkbox-label{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);line-height:1.5}.checkbox-description{font-size:var(--text-sm);color:var(--text-secondary);padding-left:32px;line-height:1.4}.checkbox-error{font-size:var(--text-sm);color:var(--error-red);padding-left:32px}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.input-wrapper--full-width{width:100%}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.input-required{color:var(--error-red);margin-left:var(--space-1)}.input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-base)}.input::placeholder{color:var(--text-muted)}.input:hover:not(:disabled){border-color:var(--text-secondary)}.input:focus{outline:none;border-color:var(--secondary-blue);box-shadow:0 0 0 3px #3b82c61a}.input:disabled{opacity:.5;cursor:not-allowed;background:var(--background)}.input--error{border-color:var(--error-red)}.input--error:focus{box-shadow:0 0 0 3px #ef44441a}.input-error{font-size:var(--text-sm);color:var(--error-red);display:flex;align-items:center;gap:var(--space-1)}.input-helper{font-size:var(--text-sm);color:var(--text-secondary)}.textarea-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.textarea-wrapper--full-width{width:100%}.textarea-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.textarea-required{color:var(--error-red);margin-left:var(--space-1)}.textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-family:inherit;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-base);resize:vertical;min-height:80px}.textarea::placeholder{color:var(--text-muted)}.textarea:hover:not(:disabled){border-color:var(--text-secondary)}.textarea:focus{outline:none;border-color:var(--secondary-blue);box-shadow:0 0 0 3px #3b82c61a}.textarea:disabled{opacity:.5;cursor:not-allowed;background:var(--background)}.textarea--error{border-color:var(--error-red)}.textarea--error:focus{box-shadow:0 0 0 3px #ef44441a}.textarea-error{font-size:var(--text-sm);color:var(--error-red);display:flex;align-items:center;gap:var(--space-1)}.textarea-helper{font-size:var(--text-sm);color:var(--text-secondary)}.select-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.select-wrapper--full-width{width:100%}.select-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.select-required{color:var(--error-red);margin-left:var(--space-1)}.select-container{position:relative;display:inline-block;width:100%}.select{width:100%;padding:var(--space-3) var(--space-4);padding-right:var(--space-8);font-size:var(--text-base);font-family:inherit;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.select--sm{padding:var(--space-2) var(--space-3);padding-right:var(--space-6);font-size:var(--text-sm);min-height:36px}.select--md{padding:var(--space-3) var(--space-4);padding-right:var(--space-8);font-size:var(--text-base);min-height:44px}.select--lg{padding:var(--space-4) var(--space-5);padding-right:var(--space-8);font-size:var(--text-lg);min-height:52px}.select option:disabled{color:var(--text-muted)}.select:hover:not(:disabled){border-color:var(--text-secondary)}.select:focus{outline:none;border-color:var(--secondary-blue);box-shadow:0 0 0 3px #3b82c61a}.select:disabled{opacity:.5;cursor:not-allowed;background:var(--background)}.select--error{border-color:var(--error-red)}.select--error:focus{box-shadow:0 0 0 3px #ef44441a}.select-icon{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-secondary);transition:color var(--transition-base)}.select:focus~.select-icon{color:var(--secondary-blue)}.select--error~.select-icon{color:var(--error-red)}.select-error{font-size:var(--text-sm);color:var(--error-red);display:flex;align-items:center;gap:var(--space-1)}.select-helper{font-size:var(--text-sm);color:var(--text-secondary)}.card{background:var(--surface);border-radius:var(--radius-lg);transition:all var(--transition-base)}.card--default{border:1px solid var(--border)}.card--bordered{border:2px solid var(--border)}.card--elevated{border:1px solid var(--border);box-shadow:none}.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--hoverable{cursor:pointer}.card--hoverable:hover{border-color:var(--secondary-blue);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card--hoverable:active{transform:translateY(0)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.card-body{padding:var(--space-4) 0}.card-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border)}.card--padding-sm .card-header,.card--padding-sm .card-body,.card--padding-sm .card-footer,.card--padding-md .card-header,.card--padding-md .card-body,.card--padding-md .card-footer,.card--padding-lg .card-header,.card--padding-lg .card-body,.card--padding-lg .card-footer{padding-left:0;padding-right:0}.modal-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#00000080;z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-base)}.modal{position:relative;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:calc(100vh - var(--space-8));width:100%;display:flex;flex-direction:column;animation:slideUp var(--transition-base);outline:none}.modal--sm{max-width:400px}.modal--md{max-width:560px}.modal--lg{max-width:720px}.modal--xl{max-width:960px}.modal--full{max-width:none;height:calc(100vh - var(--space-8));margin:var(--space-4)}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border)}.modal__title{margin:0;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-tight)}.modal__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.modal__close:hover{background:var(--background);color:var(--text-primary)}.modal__close:focus-visible{outline:2px solid var(--secondary-blue);outline-offset:2px}.modal__body{flex:1;padding:var(--space-6);overflow-y:auto}.modal__footer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border)}.modal__footer--left{justify-content:flex-start}.modal__footer--center{justify-content:center}.modal__footer--right{justify-content:flex-end}.modal__footer--space-between{justify-content:space-between}@media(max-width:768px){.modal-backdrop{padding:0;align-items:flex-end}.modal{max-height:90vh;border-bottom-left-radius:0;border-bottom-right-radius:0;animation:slideUp var(--transition-base)}.modal--full{max-height:100vh;height:100vh;margin:0;border-radius:0}.modal__header,.modal__body{padding:var(--space-4)}.modal__footer{padding:var(--space-4);flex-wrap:wrap}.modal__footer button{flex:1;min-width:120px}}@media(prefers-reduced-motion:reduce){.modal-backdrop,.modal{animation:none}}.slide-over-backdrop{position:fixed;inset:0;display:flex;justify-content:flex-end;background:#0006;z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-base)}.slide-over-backdrop--transparent{background:transparent;pointer-events:none}.slide-over-backdrop--transparent .slide-over-panel{pointer-events:auto;border-left:1px solid var(--border)}.slide-over-backdrop--contained{position:absolute;z-index:10}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.slide-over-panel{position:relative;height:100%;background:var(--surface);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;animation:slideInFromRight .25s ease-out;outline:none}.slide-over-panel--sm{width:100%;max-width:320px}.slide-over-panel--md{width:100%;max-width:420px}.slide-over-panel--lg{width:100%;max-width:560px}.slide-over-panel--xl{width:100%;max-width:720px}.slide-over-panel--2xl{width:100%;max-width:900px}.slide-over-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);flex-shrink:0}.slide-over-panel__title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-tight)}.slide-over-panel__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.slide-over-panel__close:hover{background:var(--background);color:var(--text-primary)}.slide-over-panel__close:focus-visible{outline:2px solid var(--secondary-blue);outline-offset:2px}.slide-over-panel__content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.slide-over-panel__body{flex:1;padding:var(--space-4) var(--space-5);overflow-y:auto;min-height:0}.slide-over-panel__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}@media(max-width:768px){.slide-over-backdrop{justify-content:stretch}.slide-over-panel{width:100%;max-width:none;height:100vh;height:100dvh;max-height:calc(100vh - var(--keyboard-inset, 0px));max-height:calc(100dvh - var(--keyboard-inset, 0px));animation:slideUpMobile .25s ease-out}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.slide-over-panel__header,.slide-over-panel__body{padding:var(--space-4)}.slide-over-panel__footer{padding:var(--space-4);padding-bottom:max(var(--space-4),env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.slide-over-backdrop,.slide-over-panel{animation:none}}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid;animation:slideDown var(--transition-base)}.alert--info{background:#3b82f61a;border-color:var(--info-blue);color:#1e40af}.alert--info .alert__icon{color:var(--info-blue)}.alert--success{background:#22c55e1a;border-color:var(--success-green);color:#15803d}.alert--success .alert__icon{color:var(--success-green)}.alert--warning{background:#f59e0b1a;border-color:var(--warning-orange);color:#92400e}.alert--warning .alert__icon{color:var(--warning-orange)}.alert--error{background:#ef44441a;border-color:var(--error-red);color:#991b1b}.alert--error .alert__icon{color:var(--error-red)}.alert__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-top:2px}.alert__content{flex:1;min-width:0}.alert__title{margin-bottom:var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-tight)}.alert__message{font-size:var(--text-sm);line-height:var(--leading-normal)}.alert__message p{margin:0}.alert__message p+p{margin-top:var(--space-2)}.alert__message a{font-weight:var(--font-semibold);text-decoration:underline;text-underline-offset:2px;color:inherit}.alert__message a:hover{opacity:.8}.alert__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;border-radius:var(--radius-sm);color:currentColor;opacity:.6;cursor:pointer;transition:all var(--transition-base)}.alert__close:hover{opacity:1;background:#0000000d}.alert__close:focus-visible{outline:2px solid currentColor;outline-offset:2px;opacity:1}@media(max-width:768px){.alert{padding:var(--space-3)}.alert__title{font-size:var(--text-sm)}.alert__message{font-size:var(--text-xs)}}.toast-container{position:fixed;z-index:var(--z-tooltip);display:flex;flex-direction:column;gap:var(--space-3);max-width:400px;width:calc(100% - var(--space-4) * 2);pointer-events:none}.toast-container--top-right{top:var(--space-4);right:var(--space-4)}.toast-container--top-center{top:var(--space-4);left:50%;transform:translate(-50%)}.toast-container--top-left{top:var(--space-4);left:var(--space-4)}.toast-container--bottom-right{bottom:var(--space-4);right:var(--space-4)}.toast-container--bottom-center{bottom:var(--space-4);left:50%;transform:translate(-50%)}.toast-container--bottom-left{bottom:var(--space-4);left:var(--space-4)}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border);pointer-events:auto;opacity:0;transform:translateY(-100%);transition:all var(--transition-base)}.toast--visible{opacity:1;transform:translateY(0)}.toast--exiting{opacity:0;transform:translate(100%)}.toast--success{border-color:var(--success-green)}.toast--success .toast__icon{color:var(--success-green)}.toast--error{border-color:var(--error-red)}.toast--error .toast__icon{color:var(--error-red)}.toast--warning{border-color:var(--warning-orange)}.toast--warning .toast__icon{color:var(--warning-orange)}.toast--info{border-color:var(--info-blue)}.toast--info .toast__icon{color:var(--info-blue)}.toast__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.toast__content{flex:1;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.toast__message{margin:0;font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-normal);word-wrap:break-word}.toast__action{align-self:flex-start;padding:0;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--secondary-blue);background:none;border:none;cursor:pointer;transition:color var(--transition-base)}.toast__action:hover{color:var(--primary-blue);text-decoration:underline}.toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.toast__close:hover{background:var(--background);color:var(--text-primary)}.toast__close:focus-visible{outline:2px solid var(--secondary-blue);outline-offset:2px}@media(max-width:768px){.toast-container{left:var(--space-4);right:var(--space-4);max-width:none;width:calc(100% - var(--space-4) * 2)}.toast-container--top-center,.toast-container--bottom-center{transform:none;left:var(--space-4)}.toast{padding:var(--space-3)}}.spinner-wrapper,.spinner{display:inline-flex;align-items:center;justify-content:center}.spinner__svg{animation:spinner-rotate 1.4s linear infinite}.spinner__circle{stroke-linecap:round;animation:spinner-dash 1.4s ease-in-out infinite}.spinner--sm{width:16px;height:16px}.spinner--md{width:24px;height:24px}.spinner--lg{width:32px;height:32px}.spinner--xl{width:48px;height:48px}.spinner--primary .spinner__circle{stroke:var(--secondary-blue)}.spinner--secondary .spinner__circle{stroke:var(--text-secondary)}.spinner--white .spinner__circle{stroke:#fff}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.spinner-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffe6;z-index:var(--z-modal);animation:fadeIn var(--transition-base)}.spinner-overlay--blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.spinner-overlay__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.spinner-overlay__label{margin:0;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary)}.step-indicator-progress{width:100%}.step-indicator-progress__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.step-indicator-progress__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.step-indicator-progress__percentage{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--secondary-blue)}.step-indicator-progress__bar{height:8px;background:var(--border);border-radius:var(--radius-full);overflow:hidden}.step-indicator-progress__fill{height:100%;background:var(--secondary-blue);border-radius:var(--radius-full);transition:width var(--transition-slow)}.step-indicator-progress__current{margin-top:var(--space-4)}.step-indicator-progress__title{margin:0 0 var(--space-1) 0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.step-indicator-progress__description{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.step-indicator{width:100%}.step-indicator__list{display:flex;margin:0;padding:0;list-style:none}.step-indicator--horizontal .step-indicator__list{flex-direction:row;align-items:center}.step-indicator--horizontal .step-indicator__item{flex:1;display:flex;align-items:center}.step-indicator--horizontal .step-indicator__step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%}.step-indicator--horizontal .step-indicator__connector{flex:1;height:2px;background:var(--border);margin:0 var(--space-2);transition:background var(--transition-base)}.step-indicator--horizontal .step-indicator__item--completed .step-indicator__connector{background:var(--secondary-blue)}.step-indicator--vertical .step-indicator__list{flex-direction:column}.step-indicator--vertical .step-indicator__item{display:flex;flex-direction:column;min-height:80px}.step-indicator--vertical .step-indicator__step{display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-3)}.step-indicator--vertical .step-indicator__connector{width:2px;flex:1;background:var(--border);margin-left:19px;margin-top:var(--space-2);margin-bottom:var(--space-2);transition:background var(--transition-base)}.step-indicator--vertical .step-indicator__item--completed .step-indicator__connector{background:var(--secondary-blue)}.step-indicator--vertical .step-indicator__content{padding-top:8px}.step-indicator__marker{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);border:2px solid var(--border);background:var(--surface);transition:all var(--transition-base)}.step-indicator__item--completed .step-indicator__marker{background:var(--secondary-blue);border-color:var(--secondary-blue);color:#fff}.step-indicator__item--current .step-indicator__marker{border-color:var(--secondary-blue);background:var(--surface);box-shadow:0 0 0 4px #3b82c61a}.step-indicator__item--upcoming .step-indicator__marker{background:var(--background);border-color:var(--border)}.step-indicator--numbers .step-indicator__number{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.step-indicator__item--current .step-indicator__number{color:var(--secondary-blue)}.step-indicator__item--completed .step-indicator__number{color:#fff}.step-indicator--dots .step-indicator__marker{width:16px;height:16px}.step-indicator--dots .step-indicator__dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--text-muted);transition:all var(--transition-base)}.step-indicator__item--current .step-indicator__dot{background:var(--secondary-blue);transform:scale(1.5)}.step-indicator__item--completed .step-indicator__dot{background:#fff}.step-indicator__content{display:flex;flex-direction:column;gap:var(--space-1);text-align:center}.step-indicator--vertical .step-indicator__content{text-align:left}.step-indicator__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);transition:color var(--transition-base)}.step-indicator__item--current .step-indicator__label{color:var(--text-primary);font-weight:var(--font-semibold)}.step-indicator__item--completed .step-indicator__label{color:var(--text-primary)}.step-indicator__description{font-size:var(--text-xs);color:var(--text-muted)}@media(max-width:768px){.step-indicator--horizontal .step-indicator__content{display:none}.step-indicator--horizontal .step-indicator__marker{width:32px;height:32px}.step-indicator--dots .step-indicator__marker{width:12px;height:12px}.step-indicator--dots .step-indicator__dot{width:6px;height:6px}.step-indicator-progress__title{font-size:var(--text-base)}}.progress-bar{width:100%}.progress-bar__track{width:100%;height:8px;background:var(--border, #e2e8f0);border-radius:var(--radius-full);overflow:hidden}.progress-bar__fill{height:100%;background:var(--primary-blue);border-radius:var(--radius-full);transition:width .3s ease}.progress-bar__labels{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.progress-bar__status{font-weight:var(--font-medium)}.progress-bar__failed{color:var(--error-red);font-weight:var(--font-medium)}.draft-generation-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) var(--space-6);max-width:320px;margin:0 auto}.draft-generation-loader__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-ai-accent) 10%,transparent);color:var(--color-ai-accent);animation:draft-generation-loader-pulse 2s ease-in-out infinite}@keyframes draft-generation-loader-pulse{0%,to{opacity:1}50%{opacity:.5}}.draft-generation-loader__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.draft-generation-loader__text{font-size:var(--text-xs);color:var(--text-muted);margin:0}.draft-generation-loader__error{font-size:var(--text-xs);color:var(--error-red);margin:0}.badge{display:inline-flex;align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);white-space:nowrap;width:fit-content;border:none}.badge--sm{padding:2px var(--space-2);font-size:11px}.badge--md{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.badge--default{background:var(--color-background-tertiary);color:var(--color-text-secondary);border:1px solid var(--border)}.badge--primary{background:var(--color-primary-50, #eff6ff);color:var(--primary-blue);border:1px solid var(--color-primary-200, #bfdbfe)}.badge--success{background:var(--color-success-50, #f0fdf4);color:var(--color-success-600, #16a34a);border:1px solid var(--color-success-200, #bbf7d0)}.badge--warning{background:var(--color-warning-50, #fffbeb);color:var(--color-warning-600, #d97706);border:1px solid var(--color-warning-200, #fde68a)}.badge--error{background:var(--color-error-50, #fef2f2);color:var(--color-error-600, #dc2626);border:1px solid var(--color-error-200, #fecaca)}.badge--info{background:var(--color-primary-50, #eff6ff);color:var(--primary-blue);border:1px solid var(--color-primary-200, #bfdbfe)}.badge--ai{background:#8b5cf614;color:#7c3aed;border:1px solid rgba(139,92,246,.25)}.badge__dot{width:5px;height:5px;border-radius:50%;background:currentColor}.avatar{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--secondary-blue),var(--accent-blue));color:#fff;font-weight:var(--font-semibold);overflow:hidden;flex-shrink:0}.avatar--xs{width:24px;height:24px;font-size:var(--text-xs)}.avatar--sm{width:32px;height:32px;font-size:var(--text-sm)}.avatar--md{width:48px;height:48px;font-size:var(--text-lg)}.avatar--lg{width:64px;height:64px;font-size:var(--text-xl)}.avatar--xl{width:96px;height:96px;font-size:var(--text-3xl)}.avatar--circle{border-radius:50%}.avatar--square{border-radius:var(--radius-md)}.avatar__image{width:100%;height:100%;object-fit:cover}.avatar__initials{-webkit-user-select:none;user-select:none}.avatar-group{display:inline-flex;align-items:center;gap:calc(var(--space-2) * -1)}.avatar-group .avatar{border:2px solid var(--surface);transition:transform var(--transition-base)}.avatar-group .avatar:hover{transform:translateY(-2px);z-index:1}.avatar--overflow{background:var(--text-muted)}.in-contacts-badge{display:inline-flex;align-items:center;gap:4px;font-weight:500;color:var(--color-success-dark);background-color:#fff;border:1px solid var(--color-success);border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0}.in-contacts-badge--sm{padding:2px 8px;font-size:11px}.in-contacts-badge--md{padding:4px 10px;font-size:12px}.in-contacts-badge svg{flex-shrink:0}.feedback-dialog__type-selector{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.feedback-dialog__type-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);background:var(--surface-secondary, #F8FAFC);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:center}.feedback-dialog__type-btn:hover{border-color:var(--secondary-blue);background:color-mix(in srgb,var(--secondary-blue) 8%,transparent)}.feedback-dialog__type-btn--active{border-color:var(--primary-blue);background:color-mix(in srgb,var(--primary-blue) 10%,transparent)}.feedback-dialog__type-btn:focus{outline:2px solid var(--accent-blue);outline-offset:2px}.feedback-dialog__type-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.feedback-dialog__type-desc{font-size:var(--text-xs);color:var(--text-muted)}.feedback-dialog__type-btn--active .feedback-dialog__type-label{color:var(--primary-blue)}.feedback-dialog__field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-2)}.feedback-dialog__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.feedback-dialog__textarea{width:100%;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-sm);color:var(--text-primary);background:var(--surface);resize:vertical;transition:border-color var(--transition-base);box-sizing:border-box}.feedback-dialog__textarea:focus{outline:none;border-color:var(--secondary-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-blue) 25%,transparent)}.feedback-dialog__textarea:disabled{opacity:.6;cursor:not-allowed}.feedback-dialog__char-count{font-size:var(--text-xs);color:var(--text-muted);text-align:right}.feedback-dialog__error{font-size:var(--text-sm);color:var(--error-red);margin-bottom:var(--space-2)}.feedback-dialog__cancel-btn{padding:var(--space-2) var(--space-4);background:none;border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.feedback-dialog__cancel-btn:hover:not(:disabled){background:var(--surface-secondary, #F8FAFC)}.feedback-dialog__submit-btn{padding:var(--space-2) var(--space-4);background:var(--primary-blue);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:#fff;cursor:pointer;transition:all var(--transition-base)}.feedback-dialog__submit-btn:hover:not(:disabled){background:var(--secondary-blue)}.feedback-dialog__submit-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-dialog__success{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-secondary);font-size:var(--text-sm)}.feedback-dialog__success-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:color-mix(in srgb,var(--success-green) 15%,transparent);color:var(--success-green);font-size:var(--text-xl);font-weight:var(--font-bold)}.user-profile-menu{position:relative}.user-profile-menu__button{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.user-profile-menu__button:hover{background:var(--background)}.user-profile-menu__button:focus{outline:2px solid var(--secondary-blue);outline-offset:2px}.user-profile-menu__button:active{background:#0000000d}.user-profile-menu__avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--secondary-blue),var(--accent-blue));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-semibold);font-size:var(--text-sm);flex-shrink:0}.user-profile-menu__avatar--solid{background:var(--secondary-blue)}.user-profile-menu__avatar--image{width:32px;height:32px;object-fit:cover;background:none;display:block}.user-profile-menu__chevron{flex-shrink:0;color:var(--text-secondary);transition:transform var(--transition-base)}.user-profile-menu__chevron--open{transform:rotate(180deg)}.user-profile-menu__dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;padding:var(--space-2);z-index:var(--z-dropdown);animation:slideDown var(--transition-fast);min-width:200px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-profile-menu__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);text-align:left;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);min-height:44px}.user-profile-menu__item:hover{background:var(--background)}.user-profile-menu__item:focus{outline:2px solid var(--secondary-blue);outline-offset:-2px;background:var(--background)}.user-profile-menu__item:active{background:#0000000d}.user-profile-menu__item-icon{flex-shrink:0;color:var(--text-secondary)}.user-profile-menu__item--logout,.user-profile-menu__item--logout .user-profile-menu__item-icon{color:var(--error-red)}.user-profile-menu__item--logout:hover{background:#ef44441a}.user-profile-menu__divider{height:1px;background:var(--border);margin:var(--space-2) 0}@media(max-width:768px){.user-profile-menu{display:none}}.top-navigation{position:fixed;top:0;left:0;right:0;height:var(--nav-height);display:flex;align-items:center;gap:var(--space-6);padding:0 var(--space-6);background:var(--surface);border-bottom:1px solid var(--border);z-index:var(--z-sticky)}.top-navigation__logo{display:flex;align-items:center;flex-shrink:0}.top-navigation__logo-img{height:28px;width:auto;display:block}.top-navigation__logo-text{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);white-space:nowrap}.top-navigation__list{display:flex;align-items:center;gap:var(--space-1);list-style:none;margin:0;padding:0}.top-navigation__link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-base);position:relative}.top-navigation__link:hover{color:var(--text-primary);background:var(--background)}.top-navigation__link:focus-visible{outline:2px solid var(--secondary-blue);outline-offset:2px}.top-navigation__link--active{color:var(--text-primary);font-weight:var(--font-semibold)}.top-navigation__link--active:after{content:"";position:absolute;bottom:-2px;left:var(--space-3);right:var(--space-3);height:2px;background:var(--primary-blue);border-radius:1px}.top-navigation__icon{flex-shrink:0;color:currentColor}.top-navigation__label{white-space:nowrap}.top-navigation__badge{margin-left:var(--space-1)}.top-navigation__profile{margin-left:auto}.top-navigation__mobile-settings{display:none;align-items:center;justify-content:center;padding:var(--space-2);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.top-navigation__mobile-settings:hover{color:var(--text-primary);background:var(--background)}.top-navigation__mobile-settings:focus-visible{outline:2px solid var(--secondary-blue);outline-offset:2px}@media(max-width:768px){.top-navigation{top:auto;bottom:0;height:var(--mobile-nav-height);padding:var(--space-2) var(--space-3);border-top:1px solid var(--border);border-bottom:none}.top-navigation__logo,.top-navigation__profile{display:none}.top-navigation__mobile-settings{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:60px;padding:var(--space-2);font-size:var(--text-xs)}.top-navigation__mobile-settings:after{content:"Settings";font-size:var(--text-xs);font-weight:var(--font-medium)}.top-navigation__list{flex:1;justify-content:space-around;gap:0}.top-navigation__link{flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);font-size:var(--text-xs);min-width:60px}.top-navigation__link--active:after{display:none}.top-navigation__badge{position:absolute;top:0;right:8px;margin:0}}.bottom-tab-bar{display:flex;justify-content:space-around;align-items:stretch;height:64px;background-color:var(--color-surface, #ffffff);border-top:1px solid var(--color-border, #e5e7eb);padding:0}.bottom-tab-bar__item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:8px 2px;text-decoration:none;color:var(--color-text-secondary, #6b7280);transition:color .2s ease;position:relative;min-width:0;min-height:48px;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.bottom-tab-bar__item:active{background-color:var(--color-hover, rgba(0, 0, 0, .05))}.bottom-tab-bar__item--active{color:var(--color-primary, #1e40af)}.bottom-tab-bar__icon{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:2px}.bottom-tab-bar__badge{position:absolute;top:-4px;right:-8px;min-width:18px;height:18px;padding:0 4px;background-color:var(--color-ai-accent, #8b5cf6);color:#fff;border-radius:9px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;line-height:1}.bottom-tab-bar__label{font-size:11px;font-weight:500;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.platform-ios .bottom-tab-bar{height:68px;padding-bottom:4px}.platform-android .bottom-tab-bar{height:64px}@supports (padding: env(safe-area-inset-bottom)){.bottom-tab-bar{padding-bottom:env(safe-area-inset-bottom);height:calc(64px + env(safe-area-inset-bottom))}.platform-ios .bottom-tab-bar{height:calc(68px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.bottom-tab-bar__item{transition:none}}.modal-backdrop:has(.email-disconnected-modal-dialog){z-index:var(--z-modal)}.email-disconnected-modal{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:var(--space-2) 0}.email-disconnected-modal__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:var(--color-warning-bg, #fffbeb);border-radius:50%;margin-bottom:var(--space-4);color:var(--color-warning-dark, #d97706)}.email-disconnected-modal__content{max-width:340px}.email-disconnected-modal__message{font-size:var(--text-base);color:var(--text-primary);margin:0 0 var(--space-2);line-height:var(--leading-relaxed)}.email-disconnected-modal__detail{font-size:var(--text-sm);color:var(--text-muted);margin:0;line-height:var(--leading-relaxed)}@media(max-width:480px){.email-disconnected-modal__icon{width:56px;height:56px}.email-disconnected-modal__icon svg{width:28px;height:28px}.email-disconnected-modal__message{font-size:var(--text-sm)}.email-disconnected-modal__detail{font-size:var(--text-xs)}}@media(prefers-reduced-motion:reduce){.email-disconnected-modal,.email-disconnected-modal *{animation:none!important;transition:none!important}}.callback-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--background) 0%,var(--color-background-tertiary) 100%);padding:var(--space-4)}.callback-card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-10);width:100%;max-width:420px;text-align:center;animation:callbackFadeIn var(--transition-base)}.callback-logo{display:block;max-width:280px;width:100%;height:auto;margin:0 auto var(--space-8) auto}.callback-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.callback-message{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-secondary);margin:0}.callback-error{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.callback-error__icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-danger-light)}.callback-error__icon{width:24px;height:24px;color:var(--color-danger)}.callback-error__title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.callback-error__message{margin:0;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.callback-error__button{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--font-medium);color:#fff;background:var(--primary-blue);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.callback-error__button:hover{background:var(--secondary-blue)}@keyframes callbackFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--background) 0%,var(--color-background-tertiary) 100%);padding:var(--space-4)}.login-card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-10);width:100%;max-width:420px;text-align:center;animation:fadeIn var(--transition-base)}.login-logo{display:block;max-width:280px;width:100%;height:auto;margin:0 auto var(--space-8) auto}.login-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.login-message{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-secondary);margin:0}.login-error{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-danger-light);border:1px solid var(--color-danger);border-radius:var(--radius-md);text-align:left}.login-error__icon{flex-shrink:0;width:20px;height:20px;color:var(--color-danger)}.login-error__content{flex:1}.login-error__title{margin:0 0 var(--space-1) 0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-danger-dark)}.login-error__message{margin:0;font-size:var(--text-sm);color:var(--color-danger-dark)}.login-native-signup{font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-2) 0 0 0}.login-native-signup__link{background:none;border:none;padding:0;cursor:pointer;color:var(--color-primary, #2563eb);text-decoration:none;font-size:inherit;font-family:inherit;font-weight:var(--font-medium)}.login-native-signup__link:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.oauth-callback{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1rem}.oauth-callback__container{width:100%;max-width:400px;background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;padding:2.5rem 2rem;text-align:center}.oauth-callback__logo{height:40px;width:auto;margin-bottom:2rem}.oauth-callback__content{display:flex;flex-direction:column;align-items:center;gap:1rem}.oauth-callback__spinner{width:48px;height:48px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:oauth-spinner .8s linear infinite}@keyframes oauth-spinner{to{transform:rotate(360deg)}}.oauth-callback__icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:oauth-icon-pop .3s ease-out}@keyframes oauth-icon-pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.oauth-callback__icon svg{width:28px;height:28px}.oauth-callback__icon--success{background-color:#dcfce7;color:#16a34a}.oauth-callback__icon--error{background-color:#fef2f2;color:#dc2626}.oauth-callback__title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.oauth-callback__message{font-size:.9375rem;color:#64748b;margin:0;line-height:1.5}.oauth-callback__message strong{color:#334155;font-weight:600}.oauth-callback__redirect{font-size:.8125rem;color:#94a3b8;margin:.5rem 0 0}@media(max-width:480px){.oauth-callback__container{padding:2rem 1.5rem;border-radius:12px}.oauth-callback__logo{height:36px;margin-bottom:1.5rem}.oauth-callback__title{font-size:1.125rem}.oauth-callback__message{font-size:.875rem}}.step-container{width:100%;max-width:640px;margin:0 auto;padding:var(--space-4);animation:fadeIn var(--transition-base)}.step-container__logo{display:flex;justify-content:center;margin-bottom:var(--space-6)}.step-container__logo img{height:48px;width:auto}.step-container__progress{margin-bottom:var(--space-6)}.step-container__card{animation:slideUp var(--transition-base)}.step-container__header{padding:var(--space-6);border-bottom:1px solid var(--border)}.step-container__title{margin:0 0 var(--space-2) 0;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight)}.step-container__description{margin:0;font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-normal)}.step-container__content{padding:var(--space-6);min-height:300px}.step-container__footer{padding:var(--space-6);border-top:1px solid var(--border);background:var(--background);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.step-container__actions{display:flex;align-items:center;gap:var(--space-3)}.step-container__spacer{flex:1}.step-container__back,.step-container__skip,.step-container__next{min-width:100px}.step-container__next{min-width:120px}@media(max-width:768px){.step-container{padding:var(--space-3)}.step-container__logo{margin-bottom:var(--space-4)}.step-container__logo img{height:40px}.step-container__progress{margin-bottom:var(--space-4)}.step-container__header{padding:var(--space-4)}.step-container__title{font-size:var(--text-xl)}.step-container__description{font-size:var(--text-sm)}.step-container__content{padding:var(--space-4);min-height:200px}.step-container__footer{padding:var(--space-4)}.step-container__actions{flex-wrap:wrap}.step-container__next{flex:1 0 100%;order:3;min-width:unset}.step-container__back{flex:1;min-width:unset;order:1}.step-container__skip{flex:1;min-width:unset;order:2}.step-container__spacer{display:none}}@media(max-width:400px){.step-container{padding:var(--space-2)}.step-container__header,.step-container__content,.step-container__footer{padding:var(--space-3)}.step-container__title{font-size:var(--text-lg)}}.welcome-step{display:flex;flex-direction:column;gap:var(--space-6)}.welcome-step__greeting{padding:var(--space-2) 0}.welcome-step__greeting-text{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3);line-height:var(--leading-snug)}.welcome-step__intro{font-size:var(--text-base);color:var(--color-text-secondary);margin:0;line-height:var(--leading-relaxed)}.welcome-step__features{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.welcome-step__feature{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);background:var(--color-background-tertiary);border-radius:var(--radius-lg);min-width:120px}.welcome-step__feature-icon{display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.welcome-step__feature-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);text-align:center}@media(min-width:768px){.welcome-step__features{gap:var(--space-6)}.welcome-step__feature{min-width:140px;padding:var(--space-5) var(--space-6)}}@media(max-width:767px){.welcome-step{gap:var(--space-5)}.welcome-step__greeting-text{font-size:var(--text-lg)}.welcome-step__features{gap:var(--space-3)}.welcome-step__feature{min-width:100px;padding:var(--space-3) var(--space-4)}.welcome-step__feature-label{font-size:var(--text-xs)}}.age-gate-step{display:flex;flex-direction:column;gap:var(--space-6)}.age-gate-step__notice{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;padding:var(--space-4);background:var(--surface-sidebar);border-radius:var(--radius-md);border:1px solid var(--border)}.age-gate-step__form{display:flex;flex-direction:column;gap:var(--space-3)}.age-gate-step__label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.age-gate-step__dob-row{display:flex;gap:var(--space-3)}.age-gate-step__field{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.age-gate-step__field--year{flex:1.5}.age-gate-step__sublabel{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-medium)}.age-gate-step__input{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);background:var(--surface);width:100%;box-sizing:border-box;-moz-appearance:textfield}.age-gate-step__input::-webkit-inner-spin-button,.age-gate-step__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.age-gate-step__input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-blue) 20%,transparent)}.age-gate-step__input--error{border-color:var(--error-red)}.age-gate-step__input--error:focus{border-color:var(--error-red);box-shadow:0 0 0 3px color-mix(in srgb,var(--error-red) 20%,transparent)}.age-gate-step__field-error{font-size:var(--text-xs);color:var(--error-red)}.age-gate-step__error{font-size:var(--text-sm);color:var(--error-red);margin-top:var(--space-1)}.guardian-email-step{display:flex;flex-direction:column;gap:var(--space-6)}.guardian-email-step__info{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:color-mix(in srgb,var(--accent-blue) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent-blue) 30%,transparent);border-radius:var(--radius-md)}.guardian-email-step__info-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0}.guardian-email-step__form{display:flex;flex-direction:column;gap:var(--space-2)}.guardian-email-step__label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.guardian-email-step__input{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);background:var(--surface);width:100%;box-sizing:border-box}.guardian-email-step__input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-blue) 20%,transparent)}.guardian-email-step__error{font-size:var(--text-sm);color:var(--error-red)}.disclosure-step{display:flex;flex-direction:column;gap:var(--space-6)}.disclosure-step__scrollbox{display:flex;flex-direction:column;gap:var(--space-4);max-height:360px;overflow-y:auto;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-sidebar);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.65}.disclosure-step__scrollbox p{margin:0 0 var(--space-3) 0}.disclosure-step__scrollbox p:last-child{margin-bottom:0}.disclosure-step__section{display:flex;flex-direction:column;gap:var(--space-3)}.disclosure-step__section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.disclosure-step__link{color:var(--primary-blue);text-decoration:underline}.disclosure-step__link:hover{color:var(--secondary-blue)}.disclosure-step__agreement{display:flex;flex-direction:column;gap:var(--space-2)}.disclosure-step__checkbox-label{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;font-size:var(--text-sm);color:var(--text-primary);line-height:1.5}.disclosure-step__checkbox{width:18px;height:18px;flex-shrink:0;margin-top:2px;cursor:pointer;accent-color:var(--primary-blue)}.disclosure-step__error{font-size:var(--text-sm);color:var(--error-red);margin:0}.profile-step{display:flex;flex-direction:column;gap:var(--space-8)}.profile-step__saving-indicator{position:fixed;top:var(--space-4);right:var(--space-4);background-color:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);box-shadow:var(--shadow-md);z-index:var(--z-dropdown);animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-step__section{display:flex;flex-direction:column;gap:var(--space-4)}.profile-step__section-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.profile-step__section-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:var(--leading-relaxed)}.profile-step__fields{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-2)}.profile-step__field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:end}@media(max-width:767px){.profile-step{gap:var(--space-6)}.profile-step__field-row{grid-template-columns:1fr}.profile-step__saving-indicator{top:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}}@media(min-width:768px){.profile-step__fields{max-width:600px}}.payment-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.payment-step__toggle{display:inline-flex;background:var(--background);border-radius:var(--radius-full);padding:var(--space-1);border:1px solid var(--border)}.payment-step__toggle-option{padding:var(--space-2) var(--space-6);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.payment-step__toggle-option:hover{color:var(--text-primary)}.payment-step__toggle-option--active{background:var(--color-primary);color:#fff;font-weight:var(--font-semibold)}.payment-step__toggle-option--active:hover{color:#fff}.payment-step__price{display:flex;align-items:baseline;gap:var(--space-1)}.payment-step__price-amount{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary)}.payment-step__price-period{font-size:var(--text-base);color:var(--text-secondary)}.payment-step__price-note{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.payment-step__error{padding:var(--space-3) var(--space-4);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);width:100%}.payment-step__cta{width:100%}.payment-step__trial-note{margin:var(--space-2) 0 0 0;font-size:var(--text-xs);color:var(--text-muted);text-align:center}.payment-step__trust{display:flex;flex-direction:column;gap:var(--space-2);align-self:flex-start}.payment-step__trust-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}@media(max-width:640px){.payment-step{gap:var(--space-5)}.payment-step__price-amount{font-size:var(--text-2xl)}.payment-step__trust{gap:var(--space-1)}.payment-step__trust-item{font-size:var(--text-xs)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;background-color:var(--surface, #ffffff);border:1px solid var(--border, #e2e8f0);border-radius:.75rem}.empty-state-icon{font-size:3rem;margin-bottom:1rem;color:var(--text-muted, #94a3b8)}.empty-state-title{font-size:1.125rem;font-weight:600;color:var(--text-primary, #1e293b);margin:0 0 .5rem}.empty-state-description{font-size:.875rem;color:var(--text-secondary, #64748b);margin:0 0 1.5rem;max-width:28rem;line-height:1.5}.empty-state-action{margin-top:.5rem}.form-field{margin-bottom:1.5rem}.form-field-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary, #1e293b);margin-bottom:.5rem}.form-field-required{color:var(--error-red, #ef4444);margin-left:.25rem}.form-field-input{width:100%;padding:.625rem .875rem;border:1px solid var(--border, #e2e8f0);border-radius:.5rem;font-size:.875rem;color:var(--text-primary, #1e293b);background-color:var(--surface, #ffffff);transition:border-color .2s ease,box-shadow .2s ease}.form-field-input:focus{outline:none;border-color:var(--secondary-blue, #1d4ed8);box-shadow:0 0 0 3px #3b82c61a}.form-field-input:disabled{background-color:var(--background, #f8fafc);color:var(--text-muted, #94a3b8);cursor:not-allowed}.form-field-input:read-only{background-color:var(--background, #f8fafc);cursor:default}.form-field-input--error{border-color:var(--error-red, #ef4444)}.form-field-input--error:focus{border-color:var(--error-red, #ef4444);box-shadow:0 0 0 3px #ef44441a}.form-field-textarea{resize:vertical;min-height:4rem;line-height:1.5}.form-field-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.form-field-help{display:flex;align-items:flex-start;gap:.375rem;margin-top:.375rem;font-size:.8125rem;color:var(--text-secondary, #64748b);line-height:1.4;margin-bottom:0}.form-field-help-icon{flex-shrink:0;color:var(--secondary-blue, #1d4ed8);margin-top:.125rem}.form-field-error{display:flex;align-items:flex-start;gap:.375rem;margin-top:.375rem;font-size:.8125rem;color:var(--error-red, #ef4444);line-height:1.4;margin-bottom:0}@media(max-width:640px){.form-field{margin-bottom:1.25rem}.form-field-input{font-size:1rem}}.gmail-account-privacy{margin-top:var(--space-3, .75rem);padding-top:var(--space-3, .75rem);border-top:1px solid var(--border, #e2e8f0)}.gmail-account-privacy__header{display:flex;align-items:center;gap:var(--space-2, .5rem);margin-bottom:var(--space-2, .5rem)}.gmail-account-privacy__icon{flex-shrink:0;color:var(--primary-blue, #2563eb)}.gmail-account-privacy__title{font-size:var(--text-sm, .875rem);font-weight:var(--font-semibold, 600);color:var(--text-primary, #1e293b)}.gmail-account-privacy__text{font-size:var(--text-sm, .875rem);color:var(--text-secondary, #64748b);margin:0 0 var(--space-2, .5rem);line-height:var(--leading-relaxed, 1.5)}.gmail-account-privacy__links{display:flex;align-items:center;gap:var(--space-4, 1rem)}.gmail-account-privacy__links a{display:inline-flex;align-items:center;gap:var(--space-1, .25rem);font-size:var(--text-sm, .875rem);color:var(--primary-blue, #2563eb);text-decoration:none;font-weight:var(--font-medium, 500)}.gmail-account-privacy__links a:hover{text-decoration:underline;color:var(--secondary-blue, #1d4ed8)}.gmail-data-notice{background:var(--surface-sidebar, #f8fafc);border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-md, 8px);padding:var(--space-4, 1rem)}.gmail-data-notice__header{display:flex;align-items:center;gap:var(--space-2, .5rem);margin-bottom:var(--space-3, .75rem)}.gmail-data-notice__icon{flex-shrink:0;color:var(--primary-blue, #2563eb)}.gmail-data-notice__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary, #1e293b);margin:0}.gmail-data-notice__subtitle{font-size:var(--text-sm);color:var(--text-secondary, #64748b);margin:0 0 var(--space-3, .75rem)}.gmail-data-notice__list{list-style:none;padding:0;margin:0 0 var(--space-3, .75rem);display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.gmail-data-notice__list li{display:flex;align-items:flex-start;gap:var(--space-2, .5rem);font-size:var(--text-sm);color:var(--text-secondary, #64748b);line-height:var(--leading-relaxed)}.gmail-data-notice__check{flex-shrink:0;color:var(--color-success, #22c55e);margin-top:2px}.gmail-data-notice__send{font-size:var(--text-sm);color:var(--text-secondary, #64748b);margin:0 0 var(--space-2, .5rem)}.gmail-data-notice__trust{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary, #1e293b);margin:0 0 var(--space-3, .75rem)}.gmail-data-notice__footer{font-size:var(--text-xs);color:var(--text-muted, #94a3b8);margin:0;padding-top:var(--space-3, .75rem);border-top:1px solid var(--border, #e2e8f0)}.gmail-data-notice__footer a{color:var(--primary-blue, #2563eb);text-decoration:underline;font-weight:var(--font-medium)}.gmail-data-notice__footer a:hover{color:var(--secondary-blue, #1d4ed8)}.progress-bar-wrapper{width:100%}.progress-bar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.progress-bar-label{font-size:.875rem;font-weight:500;color:var(--text-primary, #1e293b)}.progress-bar-percentage{font-size:.875rem;font-weight:600;color:var(--text-secondary, #64748b)}.progress-bar{width:100%;background-color:var(--border, #e2e8f0);border-radius:9999px;overflow:hidden}.progress-bar--sm{height:.375rem}.progress-bar--md{height:.5rem}.progress-bar--lg{height:.75rem}.progress-bar-fill{height:100%;border-radius:9999px;transition:width .3s ease}.progress-bar-fill--primary{background-color:var(--secondary-blue, #1d4ed8)}.progress-bar-fill--success{background-color:var(--success-green, #22c55e)}.progress-bar-fill--warning{background-color:var(--warning-orange, #f59e0b)}.progress-bar-fill--error{background-color:var(--error-red, #ef4444)}.save-bar{position:fixed;bottom:0;left:0;right:0;background-color:var(--surface, #ffffff);border-top:1px solid var(--border, #e2e8f0);box-shadow:0 -4px 6px -1px #0000001a,0 -2px 4px -1px #0000000f;padding:1rem;z-index:50;animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.save-bar-content{max-width:80rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.save-bar-message{font-size:.875rem;font-weight:500;color:var(--text-primary, #1e293b);margin:0}.save-bar-actions{display:flex;gap:.75rem}@media(max-width:640px){.save-bar-content{flex-direction:column;align-items:stretch}.save-bar-actions{width:100%}.save-bar-actions button{flex:1}}.settings-section{background-color:var(--surface, #ffffff);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden}.settings-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--surface-secondary);border-bottom:1px solid var(--border);min-height:49px;box-sizing:border-box}.settings-section-header--clickable{cursor:pointer;transition:background-color .15s ease}.settings-section-header--clickable:hover{background-color:var(--color-background-tertiary, rgba(0, 0, 0, .02))}.settings-section-header--clickable:focus-visible{outline:2px solid var(--secondary-blue);outline-offset:-2px}.settings-section-header-content{flex:1;min-width:0}.settings-section-actions{flex-shrink:0;margin-left:var(--space-3)}.settings-section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.settings-section-description{font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-1) 0 0;line-height:1.5}.settings-section-chevron{color:var(--text-tertiary);transition:transform .2s ease;flex-shrink:0;margin-left:var(--space-3)}.settings-section-chevron--expanded{transform:rotate(180deg)}.settings-section-content{padding:var(--space-4)}@keyframes slideDown{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.settings-section-header--clickable+.settings-section-content{animation:slideDown .2s ease-out}@media(max-width:640px){.settings-section{margin-bottom:var(--space-3);border-radius:var(--radius-md)}.settings-section-header{padding:var(--space-2) var(--space-3);min-height:44px}.settings-section-content{padding:var(--space-3)}}@media(prefers-reduced-motion:reduce){.settings-section-header--clickable,.settings-section-chevron{transition:none}.settings-section-header--clickable+.settings-section-content{animation:none}}.settings-sidebar{width:100%;height:100%;overflow-y:auto}.settings-sidebar-section{margin-bottom:2rem}.settings-sidebar-section:last-child{margin-bottom:0}.settings-sidebar-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #94a3b8);margin:0 0 .75rem;padding:0 .75rem}.settings-sidebar-list{list-style:none;padding:0;margin:0}.settings-sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary, #64748b);text-decoration:none;transition:all .2s ease;margin-bottom:.25rem}.settings-sidebar-link:hover:not(.settings-sidebar-link--disabled){background-color:var(--background, #f8fafc);color:var(--text-primary, #1e293b)}.settings-sidebar-link:focus-visible{outline:2px solid var(--secondary-blue, #1d4ed8);outline-offset:-2px}.settings-sidebar-link--active{background-color:#3b82c61a;color:var(--secondary-blue, #1d4ed8);font-weight:600}.settings-sidebar-link--disabled{opacity:.5;cursor:not-allowed}.settings-sidebar-icon{font-size:1.125rem;display:flex;align-items:center;flex-shrink:0}.settings-sidebar-label{flex:1}.settings-sidebar-badge{font-size:.6875rem;font-weight:600;padding:.125rem .375rem;border-radius:.25rem;background-color:var(--warning-orange, #f59e0b);color:#fff}.settings-sidebar--mobile .settings-sidebar-link{padding:1rem;font-size:1rem}.settings-sidebar--mobile .settings-sidebar-icon{font-size:1.25rem}.settings-sidebar--mobile .settings-sidebar-section-title{padding:0 1rem;margin-bottom:.5rem}@media(max-width:1024px){.settings-sidebar{padding:1rem 0}}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:.375rem;font-size:.75rem;font-weight:500;line-height:1}.status-badge-icon{display:flex;align-items:center;font-size:.875rem}.status-badge--success{background-color:#22c55e1a;color:#16a34a}.status-badge--warning{background-color:#f59e0b1a;color:#d97706}.status-badge--error{background-color:#ef44441a;color:#dc2626}.status-badge--info{background-color:#3b82c61a;color:#2563eb}.status-badge--neutral{background-color:#94a3b81a;color:#475569}.toggle-switch-wrapper{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}.toggle-switch-content{flex:1}.toggle-switch-label{font-size:.875rem;font-weight:500;color:var(--text-primary, #1e293b);cursor:pointer;display:block;margin-bottom:.25rem}.toggle-switch-description{font-size:.8125rem;color:var(--text-secondary, #64748b);margin:0;line-height:1.4}.toggle-switch{position:relative;width:2.75rem;height:1.5rem;background-color:var(--border, #e2e8f0);border:none;border-radius:9999px;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.toggle-switch:hover:not(.toggle-switch--disabled){background-color:#cbd5e1}.toggle-switch:focus-visible{outline:2px solid var(--secondary-blue, #1d4ed8);outline-offset:2px}.toggle-switch--checked{background-color:var(--secondary-blue, #1d4ed8)}.toggle-switch--checked:hover:not(.toggle-switch--disabled){background-color:#2563eb}.toggle-switch--disabled{cursor:not-allowed;opacity:.5}.toggle-switch-thumb{display:block;width:1.125rem;height:1.125rem;background-color:#fff;border-radius:9999px;box-shadow:0 1px 3px #0000001a;transition:transform .2s ease;transform:translate(.125rem)}.toggle-switch--checked .toggle-switch-thumb{transform:translate(1.5rem)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.email-connect-step{display:flex;flex-direction:column;gap:var(--space-6)}.email-connect-step__payment-success{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--color-success) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-success) 30%,transparent);color:var(--color-success);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium)}.email-connect-step__benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.email-connect-step__benefits-list li{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.email-connect-step__check-icon{flex-shrink:0;color:var(--color-success)}.email-connect-step__providers{display:flex;flex-direction:column;gap:var(--space-3)}.email-connect-step__google-button{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;height:48px;padding:0 var(--space-4);background-color:#fff;border:1px solid #747775;border-radius:var(--radius-sm);cursor:pointer;font-family:Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--text-sm);font-weight:var(--font-medium);color:#1f1f1f;transition:background-color var(--transition-base),box-shadow var(--transition-base)}.email-connect-step__google-button:hover{background-color:#f8f9fa;box-shadow:var(--shadow-sm)}.email-connect-step__google-button:disabled{opacity:.6;cursor:not-allowed}.email-connect-step__microsoft-button{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;height:48px;padding:0 var(--space-4);background-color:#fff;border:1px solid #8c8c8c;border-radius:var(--radius-sm);cursor:pointer;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--text-sm);font-weight:var(--font-semibold);color:#5e5e5e;transition:background-color var(--transition-base),box-shadow var(--transition-base)}.email-connect-step__microsoft-button:hover{background-color:#f8f8f8;box-shadow:var(--shadow-sm)}.email-connect-step__microsoft-button:disabled{opacity:.6;cursor:not-allowed}.email-connect-step__apple-button{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;height:48px;padding:0 var(--space-4);background-color:#000;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:var(--text-base);font-weight:var(--font-medium);color:#fff;transition:background-color var(--transition-base),box-shadow var(--transition-base)}.email-connect-step__apple-button:hover{background-color:#1a1a1a;box-shadow:var(--shadow-sm)}.email-connect-step__apple-button:disabled{opacity:.6;cursor:not-allowed}.email-connect-step__provider-logo{flex-shrink:0}.email-connect-step__error{padding:var(--space-3) var(--space-4);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm)}.email-connect-step__connected-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.email-connect-step__connected-info{display:flex;align-items:center;gap:var(--space-3)}.email-connect-step__connected-icon{flex-shrink:0;color:var(--color-success)}.email-connect-step__connected-email{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.email-connect-step__connected-status{font-size:var(--text-xs);color:var(--color-success);font-weight:var(--font-medium)}.email-connect-step__next-text{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:var(--leading-relaxed)}.email-connect-step__skip-warning{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-md)}.email-connect-step__skip-warning-icon{flex-shrink:0;color:var(--color-warning-dark)}.email-connect-step__skip-warning-text{font-size:var(--text-sm);color:var(--color-warning-dark);margin:0;line-height:var(--leading-relaxed)}.email-connect-step__skip-actions{display:flex;flex-direction:column;gap:var(--space-3)}@media(max-width:640px){.email-connect-step{gap:var(--space-5)}.email-connect-step__connected-header{flex-direction:column;align-items:flex-start}}.complete-step{display:flex;flex-direction:column;gap:var(--space-6)}.complete-step__analysis-note{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:color-mix(in srgb,var(--color-ai-accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-ai-accent) 20%,transparent);border-radius:var(--radius-md)}.complete-step__analysis-icon{flex-shrink:0;color:var(--color-ai-accent);animation:sparkle-pulse 2s ease-in-out infinite}@keyframes sparkle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.complete-step__analysis-content{display:flex;flex-direction:column;gap:var(--space-1)}.complete-step__analysis-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.complete-step__analysis-text{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:var(--leading-relaxed)}.complete-step__error{padding:var(--space-3) var(--space-4);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm)}.complete-step__quickstart-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-4) 0}.complete-step__actions{display:flex;flex-direction:column;gap:var(--space-3)}.complete-step__action{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md)}.complete-step__action-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);flex-shrink:0}.complete-step__action-content{display:flex;flex-direction:column;gap:2px}.complete-step__action-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.complete-step__action-desc{font-size:var(--text-xs);color:var(--text-secondary)}@media(max-width:640px){.complete-step{gap:var(--space-5)}.complete-step__action{padding:var(--space-2)}.complete-step__action-number{width:24px;height:24px}}.onboarding-page{min-height:100vh}.onboarding-loading,.onboarding-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);text-align:center}.onboarding-loading p{margin-top:var(--space-4);color:var(--text-secondary)}.onboarding-error h2{color:var(--error-red);margin-bottom:var(--space-3)}.onboarding-error p{color:var(--text-secondary);margin-bottom:var(--space-2)}.onboarding{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 100%)}.onboarding__container{width:100%;max-width:600px}.onboarding__progress-bar{width:100%;height:4px;background-color:#fff3;border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-4)}.onboarding__progress-fill{height:100%;background-color:var(--surface);transition:width var(--transition-slow)}.onboarding__step-counter{text-align:center;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--surface);margin-bottom:var(--space-4)}.onboarding__card{background-color:var(--surface)}.onboarding__welcome,.onboarding__email,.onboarding__complete{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8)}.onboarding__icon,.onboarding__email-icon,.onboarding__complete-icon{display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:var(--radius-full);background-color:#1b4b7a1a;color:var(--primary-blue);margin-bottom:var(--space-6)}.onboarding__complete-icon{background-color:#22c55e1a;color:var(--success-green)}.onboarding__title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-3) 0}.onboarding__subtitle{font-size:var(--text-base);color:var(--text-secondary);margin:0}.onboarding__description{font-size:var(--text-lg);color:var(--text-secondary);margin:0 0 var(--space-6) 0;max-width:480px}.onboarding__features{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:400px;margin-top:var(--space-6)}.onboarding__feature{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--background);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm)}.onboarding__feature svg{color:var(--success-green);flex-shrink:0}.onboarding__form{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6)}.onboarding__form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.onboarding__form-field{display:flex;flex-direction:column;gap:var(--space-2)}.onboarding__label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.onboarding__required{color:var(--error-red)}.onboarding__select{width:100%;padding:var(--space-3);font-family:var(--font-family);font-size:var(--text-sm);color:var(--text-primary);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.onboarding__select:focus{outline:none;border-color:var(--primary-blue)}.onboarding__email-buttons{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:400px;margin-bottom:var(--space-4)}.onboarding__coaches{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6)}.onboarding__coach-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--background);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.onboarding__coach-item:hover{border-color:var(--primary-blue);background-color:var(--surface)}.onboarding__coach-item--selected{border-color:var(--primary-blue);background-color:#1b4b7a0d}.onboarding__checkbox{width:20px;height:20px;cursor:pointer}.onboarding__coach-info{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.onboarding__coach-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.onboarding__coach-university{font-size:var(--text-xs);color:var(--text-secondary)}.onboarding__tips{width:100%;max-width:480px;text-align:left;margin-top:var(--space-6);padding:var(--space-4);background-color:var(--background);border-radius:var(--radius-md)}.onboarding__tips-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-3) 0}.onboarding__tips-list{margin:0;padding-left:var(--space-5);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.onboarding__tips-list li{margin-bottom:var(--space-2)}.onboarding__actions{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-3)}.onboarding__actions-right{display:flex;gap:var(--space-2)}.onboarding__button{width:100%}.onboarding__error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background-color:#ef44441a;border:1px solid var(--error-red);border-radius:var(--radius-md);color:var(--error-red);font-size:var(--text-sm);width:100%;margin-bottom:var(--space-3)}.onboarding__error svg{flex-shrink:0}@media(max-width:768px){.onboarding{padding:var(--space-4)}.onboarding__form-row{grid-template-columns:1fr}.onboarding__actions{flex-direction:column}.onboarding__actions-right{width:100%;flex-direction:column}.onboarding__actions button{width:100%}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:linear-gradient(135deg,var(--color-background) 0%,var(--color-surface) 100%)}.error-boundary__container{max-width:600px;text-align:center;background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-lg)}.error-boundary__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto var(--space-4);background-color:var(--color-error-light, #fef2f2);border-radius:50%;color:var(--color-error, #ef4444)}.error-boundary__icon svg{width:24px;height:24px}.error-boundary__title{font-size:var(--text-2xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-3)}.error-boundary__message{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-6)}.error-boundary__details{text-align:left;margin:var(--space-6) 0;padding:var(--space-4);background:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-border)}.error-boundary__details-summary{cursor:pointer;font-weight:500;color:var(--color-text-primary);padding:var(--space-2);-webkit-user-select:none;user-select:none}.error-boundary__details-summary:hover{color:var(--color-primary)}.error-boundary__error-info{margin-top:var(--space-4)}.error-boundary__error-info h3{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);margin:var(--space-3) 0 var(--space-2)}.error-boundary__code{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--text-xs);color:var(--color-error);overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.error-boundary__actions{display:flex;gap:var(--space-3);justify-content:center}.error-boundary__button{padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s ease}.error-boundary__button--primary{background:var(--color-primary);color:#fff}.error-boundary__button--primary:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.error-boundary__button--secondary{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.error-boundary__button--secondary:hover{background:var(--color-background);border-color:var(--color-primary);color:var(--color-primary)}.feature-error-boundary{display:flex;align-items:center;justify-content:center;min-height:300px;padding:var(--space-6)}.feature-error-boundary__container{max-width:400px;text-align:center;padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-lg);border:2px dashed var(--color-border)}.feature-error-boundary__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 auto var(--space-3);background-color:var(--color-warning-light, #fef3c7);border-radius:50%;color:var(--color-warning, #f59e0b)}.feature-error-boundary__icon svg{width:20px;height:20px}.feature-error-boundary__title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.feature-error-boundary__message{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-4)}.feature-error-boundary__button{padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);border:none;background:var(--color-primary);color:#fff;cursor:pointer;transition:all .2s ease}.feature-error-boundary__button:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}@media(max-width:768px){.error-boundary__container{padding:var(--space-6)}.error-boundary__icon{width:40px;height:40px}.error-boundary__icon svg{width:20px;height:20px}.error-boundary__title{font-size:var(--text-xl)}.error-boundary__actions{flex-direction:column;width:100%}.error-boundary__button{width:100%}.feature-error-boundary__container{padding:var(--space-4)}.feature-error-boundary__icon{width:36px;height:36px}.feature-error-boundary__icon svg{width:18px;height:18px}}