@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,700;0,800;0,900;1,400;1,700;1,800;1,900&display=swap";:root{--color-primary: #0D9488;--color-primary-light: #2DD4BF;--color-primary-dark: #0F766E;--color-primary-bg: #F0FDFA;--color-accent: #F97316;--color-accent-light: #FDBA74;--color-accent-bg: #FFF7ED;--color-success: #10B981;--color-error: #EF4444;--color-bg: #FAFBFE;--color-bg-card: #FFFFFF;--color-text: #1E293B;--color-text-muted: #64748B;--color-text-light: #94A3B8;--color-border: #E2E8F0;--color-border-light: #F1F5F9;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(13, 148, 136, .15);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--max-width: 1200px;--header-height: 60px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--color-text);background:var(--color-bg);min-height:100vh;-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--color-text)}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-body);border:none;background:none;font-size:1rem}input,textarea,select{font-family:var(--font-body);font-size:16px}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.7rem 1.25rem;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg),0 0 20px #0d948840}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-bg-card);color:var(--color-text);border:2px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff}.btn-sm{padding:.5rem 1rem;font-size:.825rem}.btn-lg{padding:.875rem 1.75rem;font-size:1rem}.btn-icon{padding:.5rem;border-radius:var(--radius-sm)}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);padding:var(--space-lg);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-flat{box-shadow:none;border:1px solid var(--color-border)}.card-flat:hover{transform:none;box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .625rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-primary{background:var(--color-primary-bg);color:var(--color-primary)}.input{width:100%;padding:.7rem .875rem;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:16px;transition:all var(--transition-fast);background:var(--color-bg-card);color:var(--color-text)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0d94881a}.input::placeholder{color:var(--color-text-light)}.textarea{width:100%;padding:.7rem .875rem;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:16px;transition:all var(--transition-fast);background:var(--color-bg-card);color:var(--color-text);resize:vertical;min-height:90px;font-family:var(--font-body);line-height:1.6}.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0d94881a}.label{display:block;font-weight:600;margin-bottom:var(--space-xs);color:var(--color-text);font-size:.875rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-slide-up{animation:slideUp .5s ease forwards}.animate-scale-in{animation:scaleIn .3s ease forwards}.stagger-1{animation-delay:.05s;opacity:0}.stagger-2{animation-delay:.1s;opacity:0}.stagger-3{animation-delay:.15s;opacity:0}.stagger-4{animation-delay:.2s;opacity:0}.stagger-5{animation-delay:.25s;opacity:0}.stagger-6{animation-delay:.3s;opacity:0}.stagger-7{animation-delay:.35s;opacity:0}.stagger-8{animation-delay:.4s;opacity:0}.stagger-9{animation-delay:.45s;opacity:0}.tool-page{padding:var(--space-xl) 0 var(--space-2xl);animation:fadeIn .4s ease}.tool-header{margin-bottom:var(--space-xl)}.tool-header h1{font-size:1.5rem;margin-bottom:var(--space-xs)}.tool-header p{color:var(--color-text-muted);font-size:.95rem;max-width:600px}.tool-content{display:grid;gap:var(--space-lg)}.tool-section{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);padding:var(--space-lg)}.tool-section h3{margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm);font-size:1.1rem}.tool-actions{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border-light)}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:0;animation:fadeIn .2s ease}.modal{background:var(--color-bg-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-xl);max-width:480px;width:100%;box-shadow:var(--shadow-xl);animation:slideUp .3s ease}.modal h2{margin-bottom:var(--space-sm);font-size:1.25rem}.modal p{color:var(--color-text-muted);margin-bottom:var(--space-lg);font-size:.9rem}.modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-lg)}@media(min-width:768px){:root{--header-height: 72px}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}.container{padding:0 var(--space-lg)}.tool-section{padding:var(--space-xl)}.tool-header h1{font-size:2rem}.modal-overlay{align-items:center;padding:var(--space-lg)}.modal{border-radius:var(--radius-xl);padding:var(--space-2xl)}}.fav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:#fff;color:var(--color-text-light);cursor:pointer;transition:all var(--transition-fast)}.fav-btn:hover{border-color:#f43f5e;color:#f43f5e;transform:scale(1.1)}.fav-btn.is-fav{border-color:#f43f5e;color:#f43f5e;background:#fff1f2}.btn-sm{padding:.375rem .75rem;font-size:.8rem}.streak-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--radius-full);font-size:.85rem;font-weight:600;color:#92400e;animation:streak-pop .4s ease}.streak-flame{font-size:1rem;animation:flame-dance 1.5s ease-in-out infinite}@keyframes streak-pop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes flame-dance{0%,to{transform:rotate(-3deg) scale(1)}50%{transform:rotate(3deg) scale(1.1)}}.header{position:sticky;top:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light)}.header.menu-open{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}.header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.header-logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--color-text)}.header-logo-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:#fff}.header-logo-text{font-family:var(--font-heading);font-weight:800;font-size:1.25rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-right{display:flex;align-items:center;gap:var(--space-sm)}.desktop-only{display:none}.header-mobile-toggle{display:flex;align-items:center;justify-content:center;padding:var(--space-sm);color:var(--color-text);border-radius:var(--radius-md)}.header-auth-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.4rem .875rem;font-size:.8rem;font-weight:600;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;text-decoration:none;transition:all var(--transition-fast)}.header-auth-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.header-avatar{width:34px;height:34px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;cursor:pointer}.header-nav{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:#fff;flex-direction:column;align-items:stretch;padding:var(--space-lg) var(--space-lg);gap:var(--space-xs);overflow-y:auto;display:flex;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .25s ease,transform .25s ease,visibility .25s;z-index:200;-webkit-overflow-scrolling:touch}.header-nav.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-user-info{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);margin-bottom:var(--space-sm);background:var(--color-primary-bg);border-radius:var(--radius-md)}.mobile-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.mobile-user-name{font-weight:600;font-size:.9rem;color:var(--color-text)}.header-nav-item{position:relative}.header-nav-link{display:flex;align-items:center;gap:.25rem;padding:1rem var(--space-md);border-radius:var(--radius-md);color:var(--color-text);font-weight:600;font-size:1.05rem;transition:all var(--transition-fast);text-decoration:none;cursor:pointer;width:100%;border-bottom:1px solid var(--color-border-light)}.header-nav-link:hover,.header-nav-link.active{color:var(--color-primary);background:var(--color-primary-bg)}.chevron{transition:transform var(--transition-fast);margin-left:auto;color:var(--color-text-muted)}.chevron.rotated{transform:rotate(180deg)}.header-dropdown{max-height:0;overflow:hidden;transition:max-height .3s ease;background:var(--color-bg);border-radius:var(--radius-md);margin-bottom:var(--space-sm)}.header-dropdown.show{max-height:600px;padding:var(--space-sm)}.header-dropdown-item{display:flex;align-items:center;gap:var(--space-sm);padding:.75rem var(--space-md);border-radius:var(--radius-md);color:var(--color-text);font-size:.95rem;font-weight:500;transition:all var(--transition-fast);text-decoration:none}.header-dropdown-item:hover{background:#fff;color:var(--color-primary)}.header-dropdown-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.mobile-auth-section{margin-top:auto;padding-top:var(--space-lg);border-top:1px solid var(--color-border-light)}.mobile-auth-btn{width:100%;justify-content:center}@media(min-width:768px){.header-mobile-toggle{display:none}.desktop-only{display:inline-flex}.header-nav{position:static;opacity:1;visibility:visible;transform:none;flex-direction:row;align-items:center;padding:0;gap:var(--space-xs);background:transparent;overflow:visible}.mobile-user-info,.mobile-auth-section{display:none}.header-nav-link{padding:.5rem .875rem;font-size:.9rem;font-weight:500;border-bottom:none;color:var(--color-text-muted)}.chevron{margin-left:0}.header-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);min-width:260px;background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-sm);max-height:0;opacity:0;pointer-events:none;transition:max-height .25s ease,opacity .2s ease;z-index:200;margin-bottom:0}.header-dropdown.show{max-height:600px;opacity:1;pointer-events:auto;padding:var(--space-sm)}.header-dropdown-item{padding:.625rem .875rem;font-size:.9rem}.header-inner{display:flex;align-items:center;justify-content:space-between}.header-nav{flex:1;justify-content:center;margin-left:var(--space-2xl)}}.footer{background:#1a2332;color:#fff;padding:var(--space-2xl) 0 var(--space-lg);margin-top:var(--space-2xl)}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl);margin-bottom:var(--space-xl)}.footer-logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:#fff;font-family:var(--font-heading);font-weight:800;font-size:1.2rem;margin-bottom:var(--space-sm)}.footer-logo-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light))}.footer-tagline{color:#94a3b8;font-size:.85rem;line-height:1.6}.footer-links h4{color:#fff;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.footer-links ul{list-style:none;display:flex;flex-direction:column;gap:.375rem}.footer-links a{color:#94a3b8;font-size:.85rem;transition:color var(--transition-fast);text-decoration:none}.footer-links a:hover{color:var(--color-primary-light)}.footer-bottom{padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,.08);text-align:center}.footer-bottom p{color:#64748b;font-size:.8rem;display:flex;align-items:center;justify-content:center;gap:.25rem}.footer-heart{color:var(--color-accent);fill:var(--color-accent)}@media(min-width:600px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}}@media(min-width:768px){.footer{padding:var(--space-3xl) 0 var(--space-xl);margin-top:var(--space-4xl)}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}.footer-brand{grid-column:auto}}.mood-checkin{background:#fff;border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--color-border-light)}.mood-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.mood-header h3{font-size:1rem;font-weight:600}.mood-saved{font-size:.75rem;color:var(--color-success);font-weight:600}.mood-emojis{display:flex;gap:.5rem;justify-content:space-between}.mood-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.625rem .5rem;border-radius:var(--radius-md);border:2px solid transparent;background:var(--color-bg);cursor:pointer;transition:all var(--transition-fast);flex:1}.mood-btn:hover{background:var(--color-primary-bg);transform:translateY(-2px)}.mood-btn.selected{border-color:var(--color-primary);background:var(--color-primary-bg);transform:scale(1.05)}.mood-emoji{font-size:1.5rem;line-height:1}.mood-label{font-size:.65rem;font-weight:600;color:var(--color-text-muted)}.mood-btn.selected .mood-label{color:var(--color-primary)}.mood-history{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border-light)}.mood-history-label{font-size:.7rem;color:var(--color-text-light);white-space:nowrap}.mood-history-dots{display:flex;gap:.375rem}.mood-history-dot{font-size:.9rem;opacity:.7;transition:opacity var(--transition-fast)}.mood-history-dot:hover{opacity:1;transform:scale(1.2)}.daily-impulse{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));border-radius:var(--radius-xl);padding:var(--space-xl);color:#fff;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.daily-impulse:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,#ffffff26,#fff0 70%);border-radius:50%;pointer-events:none}.impulse-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.impulse-icon{width:48px;height:48px;background:#fff3;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.impulse-label{display:block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fffc;margin-bottom:.25rem}.impulse-title{font-size:1.5rem;color:#fff;margin:0}.impulse-lesson{font-size:1.05rem;line-height:1.6;color:#fffffff2;margin-bottom:1.5rem}.impulse-btn{background:#fff;color:var(--color-primary-dark)}.impulse-btn:hover{background:var(--color-bg);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media(min-width:768px){.daily-impulse{padding:var(--space-2xl)}.impulse-title{font-size:1.75rem}.impulse-lesson{font-size:1.15rem;max-width:800px}}.community-counter{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem var(--space-md);margin-bottom:var(--space-lg);font-size:.85rem;font-weight:500;color:var(--color-text-muted)}.community-dot{width:8px;height:8px;border-radius:var(--radius-full);background:#22c55e;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.community-text{color:var(--color-text-muted)}.assessment-wizard{max-width:600px;margin:0 auto;padding:var(--space-xl) var(--space-md);background:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center}.aw-header{margin-bottom:var(--space-xl)}.aw-header h2{font-size:1.5rem;margin-bottom:var(--space-xs)}.aw-header p{color:var(--color-text-muted)}.aw-progress{display:flex;height:4px;background:var(--color-border-light);border-radius:var(--radius-full);margin-bottom:var(--space-2xl);overflow:hidden}.aw-progress-bar{background:var(--color-primary);transition:width .3s ease}.aw-question-container{min-height:200px;display:flex;flex-direction:column;justify-content:center;animation:fadeIn .4s ease}.aw-question{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-xl)}.aw-options{display:flex;flex-direction:column;gap:var(--space-md)}.aw-option-btn{width:100%;padding:1rem;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:1.05rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.aw-option-btn:hover{border-color:var(--color-primary-light);background:var(--color-primary-bg)}.aw-option-btn:active{transform:scale(.98)}.aw-result{animation:slideUp .5s ease}.aw-result-chart{margin:var(--space-xl) 0}.aw-result-insights{text-align:left;background:var(--color-primary-bg);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-xl)}.aw-result-insights h3{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-primary-dark);margin-bottom:var(--space-sm);font-size:1.1rem}.aw-result-insights p{color:var(--color-primary-dark);font-weight:500}.home{animation:fadeIn .4s ease}.section-title{font-size:1.75rem;font-weight:700;margin-bottom:var(--space-xs);text-align:center;color:var(--color-text);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.section-subtitle{font-size:1rem;color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-xl);max-width:600px;margin-left:auto;margin-right:auto}.hero{position:relative;padding:var(--space-3xl) 0 var(--space-xl);text-align:center;background:linear-gradient(180deg,var(--color-primary-bg) 0%,var(--color-bg) 100%);overflow:hidden}.hero-inner{position:relative;z-index:2;max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.85rem;font-weight:600;color:var(--color-primary-dark);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm)}.hero-title{font-size:2.25rem;font-weight:800;line-height:1.15;margin-bottom:var(--space-md);letter-spacing:-.02em}.hero-accent{color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary),var(--color-success));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.hero-subtitle{font-size:1.05rem;color:var(--color-text-muted);max-width:540px;margin:0 auto var(--space-xl);line-height:1.6}.hero-actions{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.hero-decoration{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.hero-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;animation:blob-float 15s infinite ease-in-out alternate}.hero-blob-1{width:300px;height:300px;background:#5eead4;top:-50px;left:-100px}.hero-blob-2{width:250px;height:250px;background:#a7f3d0;bottom:-50px;right:-50px;animation-delay:-5s}.hero-blob-3{width:200px;height:200px;background:#fef08a;top:20%;right:15%;animation-delay:-10s}@keyframes blob-float{0%{transform:translate(0) scale(1)}to{transform:translate(30px,30px) scale(1.1)}}.situations-section{padding:var(--space-lg) 0 var(--space-xl)}.situations-grid{display:grid;gap:1rem;max-width:800px;margin:0 auto}.situation-card{background:var(--color-bg-card);border-radius:var(--radius-lg);border:2px solid transparent;transition:all var(--transition-base);box-shadow:var(--shadow-sm);overflow:hidden}.situation-card:hover{box-shadow:var(--shadow-md);border-color:var(--sit-bg)}.situation-card.expanded{border-color:var(--sit-bg);box-shadow:var(--shadow-md)}.situation-header{width:100%;display:flex;align-items:center;gap:1rem;padding:1.25rem;text-align:left;background:none;border:none;cursor:pointer}.situation-emoji{font-size:1.75rem;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--sit-bg);border-radius:var(--radius-md);flex-shrink:0}.situation-text{flex:1}.situation-text h3{font-size:1.1rem;margin-bottom:.25rem;color:var(--color-text)}.situation-text p{font-size:.85rem;color:var(--color-text-muted)}.situation-chevron{color:var(--color-border);transition:transform .3s ease}.situation-chevron.rotated{transform:rotate(90deg);color:var(--sit-color)}.situation-tools{padding:0 1.25rem 1.25rem 4.25rem;display:flex;flex-direction:column;gap:.5rem}.situation-tool-link,.situation-path-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-bg);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);transition:all var(--transition-fast);border:1px solid var(--color-border-light)}.situation-tool-link:hover,.situation-path-link:hover{background:var(--sit-bg);border-color:var(--sit-color);transform:translate(4px)}.situation-tool-name{font-weight:600;font-size:.95rem}.situation-tool-reason{font-size:.85rem;color:var(--sit-color);margin-left:auto;opacity:.8}.situation-tool-link svg,.situation-path-link svg:last-child{color:var(--sit-color);margin-left:.5rem}.situation-path-link{background:linear-gradient(135deg,var(--sit-bg),white);margin-top:.5rem;font-weight:600;color:var(--sit-color)}.situation-path-link span{flex:1}.how-it-works{padding:var(--space-xl) 0}.steps-grid{display:grid;gap:1.5rem;position:relative;max-width:900px;margin:0 auto}.step-card{background:var(--color-bg-card);padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);position:relative;text-align:center;transition:transform var(--transition-base)}.step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.step-number{width:40px;height:40px;background:var(--color-primary-bg);color:var(--color-primary);font-family:var(--font-heading);font-size:1.25rem;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;border:2px solid white;box-shadow:0 0 0 2px var(--color-primary-light)}.step-card h3{font-size:1.1rem;margin-bottom:.5rem}.step-card p{font-size:.9rem;color:var(--color-text-muted)}.popular-section{padding:var(--space-lg) 0 var(--space-xl)}.popular-grid{display:grid;gap:1rem}.popular-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;text-decoration:none;color:var(--color-text);transition:all var(--transition-base);position:relative;overflow:hidden}.popular-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--pop-color)}.popular-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--pop-bg)}.popular-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--pop-color);margin-bottom:.5rem}.popular-card h3{font-size:1.1rem;margin-bottom:.5rem}.popular-card p{font-size:.85rem;color:var(--color-text-muted);line-height:1.5;flex:1}.popular-meta{display:flex;gap:.75rem;margin:1rem 0;font-size:.75rem;color:var(--color-text-light);font-weight:600}.popular-meta span{background:var(--color-bg);padding:.25rem .5rem;border-radius:var(--radius-sm)}.popular-cta{display:flex;align-items:center;gap:.25rem;font-size:.85rem;font-weight:600;color:var(--pop-color)}.popular-card:hover .popular-cta{gap:.5rem}.paths-teaser-section{padding:var(--space-xl) 0}.paths-teaser-grid{display:grid;gap:1rem}.path-teaser-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;text-decoration:none;color:var(--color-text);transition:all var(--transition-base)}.path-teaser-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);background:linear-gradient(to bottom,var(--color-bg-card),var(--path-bg))}.path-teaser-emoji{font-size:2rem;margin-bottom:1rem;display:block}.path-teaser-card h3{font-size:1.1rem;margin-bottom:.5rem}.path-teaser-card p{font-size:.85rem;color:var(--color-text-muted);flex:1;margin-bottom:1rem}.path-teaser-meta{font-size:.8rem;font-weight:600;color:var(--path-color);margin-bottom:.5rem}.path-teaser-cta{font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.25rem;color:var(--color-text)}.social-proof{padding:var(--space-2xl) 0;text-align:center}.proof-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:var(--space-xl)}.proof-item{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.proof-icon{color:var(--color-primary);margin-bottom:.5rem}.proof-number{font-family:var(--font-heading);font-size:2rem;font-weight:800;color:var(--color-text);line-height:1;margin-bottom:.25rem}.proof-label{font-size:.85rem;color:var(--color-text-muted);font-weight:500}.categories-section{padding:var(--space-xl) 0 var(--space-2xl)}.categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.category-tile{display:flex;flex-direction:column;padding:1rem;background:var(--tile-bg);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);transition:all var(--transition-base);position:relative;min-height:120px}.category-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.tile-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:#ffffffb3;color:var(--tile-accent);margin-bottom:.75rem}.tile-name{font-size:.85rem;font-weight:700;line-height:1.3;margin-bottom:.25rem}.tile-count{font-size:.7rem;font-weight:600;color:var(--tile-accent);opacity:.85}.tile-arrow{position:absolute;bottom:1rem;right:1rem;color:var(--tile-accent);opacity:.4;transition:all var(--transition-fast)}.category-tile:hover .tile-arrow{opacity:1;transform:translate(3px)}.cta-banner{padding:0 0 var(--space-4xl)}.cta-banner-inner{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));border-radius:var(--radius-xl);padding:var(--space-xl);text-align:center;color:#fff;box-shadow:var(--shadow-lg)}.cta-banner-inner h2{color:#fff;font-size:1.75rem;margin-bottom:.75rem}.cta-banner-inner p{color:var(--color-primary-bg);font-size:1rem;margin-bottom:1.5rem;max-width:500px;margin-left:auto;margin-right:auto}.cta-banner-actions .btn-primary{background:#fff;color:var(--color-primary-dark)}.cta-banner-actions .btn-primary:hover{background:var(--color-bg);transform:translateY(-2px);box-shadow:0 10px 25px #0003}.dashboard{animation:fadeIn .4s ease}.dashboard-greeting{padding:var(--space-xl) 0 var(--space-md)}.greeting-text{font-size:1.5rem;font-weight:700}.greeting-sub{color:var(--color-text-muted);font-size:.9rem;margin-top:var(--space-xs)}.dashboard-mood{padding:var(--space-sm) 0 var(--space-md)}.dashboard-recs{padding:var(--space-md) 0}.dash-section-title{font-size:1.1rem;display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);color:var(--color-text)}.rec-cards{display:flex;gap:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-sm);scroll-snap-type:x mandatory}.rec-card{flex:0 0 75%;min-width:240px;max-width:300px;padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--rec-bg);text-decoration:none;color:var(--color-text);scroll-snap-align:start;transition:transform var(--transition-fast)}.rec-card:hover{transform:translateY(-2px)}.rec-badge{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--rec-color);margin-bottom:var(--space-sm)}.rec-card h4{font-size:.95rem;margin-bottom:var(--space-xs)}.rec-card p{font-size:.8rem;color:var(--color-text-muted);line-height:1.5}.dashboard-tools{padding:var(--space-md) 0 var(--space-2xl)}@media(min-width:600px){.categories-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.category-tile{padding:1.25rem;min-height:140px}.tile-name{font-size:.95rem}.rec-card{flex:0 0 45%}.popular-grid,.paths-teaser-grid{grid-template-columns:repeat(2,1fr)}.proof-grid{grid-template-columns:repeat(4,1fr)}.situations-text h3{font-size:1.2rem}}@media(min-width:768px){.section-title{font-size:2.25rem}.section-subtitle{font-size:1.15rem}.hero{padding:var(--space-4xl) 0 var(--space-3xl)}.hero-title{font-size:3.5rem}.hero-subtitle{font-size:1.2rem;max-width:640px}.steps-grid{grid-template-columns:repeat(3,1fr)}.steps-grid:after{content:"";position:absolute;top:20px;left:100px;right:100px;height:2px;background:var(--color-border-light);z-index:0}.step-card{z-index:1;background:var(--color-bg)}.categories-section{padding:var(--space-xl) 0 var(--space-4xl)}.categories-grid{gap:1.25rem;grid-template-columns:repeat(3,1fr)}.category-tile{padding:1.5rem;min-height:160px}.tile-icon{width:48px;height:48px}.tile-name{font-size:1.05rem}.tile-count{font-size:.8rem}.greeting-text{font-size:2.25rem}.rec-card{flex:0 0 32%}.cta-banner-inner{padding:var(--space-3xl)}.cta-banner-inner h2{font-size:2.5rem}.cta-banner-inner p{font-size:1.15rem}}@media(min-width:1024px){.popular-grid{grid-template-columns:repeat(4,1fr)}.paths-teaser-grid{grid-template-columns:repeat(3,1fr)}}.category-page{animation:fadeIn .4s ease}.category-hero{background:var(--cat-bg);padding:var(--space-2xl) 0 var(--space-3xl);border-bottom:1px solid var(--color-border-light)}.category-breadcrumb{display:inline-flex;align-items:center;gap:.375rem;color:var(--color-text-muted);font-size:.875rem;font-weight:500;margin-bottom:var(--space-xl);transition:color var(--transition-fast);text-decoration:none}.category-breadcrumb:hover{color:var(--color-primary)}.category-hero-content{max-width:600px}.category-hero-icon{width:72px;height:72px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-lg)}.category-hero-content h1{font-size:2.5rem;margin-bottom:var(--space-sm)}.category-hero-desc{font-size:1.15rem;color:var(--color-text-muted);line-height:1.6}.category-hero-stats{margin-top:var(--space-lg)}.category-tools{padding:var(--space-2xl) 0 var(--space-4xl)}.category-tools h2{margin-bottom:var(--space-xl)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-lg)}.tool-card{display:flex;flex-direction:column;padding:var(--space-xl);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);transition:all var(--transition-base);position:relative;overflow:hidden}.tool-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--cat-color);transform:scaleX(0);transition:transform var(--transition-base);transform-origin:left}.tool-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:transparent}.tool-card:hover:after{transform:scaleX(1)}.tool-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-sm)}.tool-card-header h3{font-size:1.15rem}.tool-card-arrow{color:var(--color-text-light);transition:all var(--transition-fast);flex-shrink:0;margin-top:2px}.tool-card:hover .tool-card-arrow{color:var(--cat-color);transform:translate(4px)}.tool-card-desc{color:var(--color-text-muted);font-size:.9rem;line-height:1.6;flex:1}.tool-card-meta{display:flex;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border-light)}.tool-card-tag{display:inline-flex;align-items:center;gap:.375rem;font-size:.8rem;color:var(--color-text-muted);font-weight:500}@media(max-width:768px){.category-hero-content h1{font-size:1.875rem}.tools-grid{grid-template-columns:1fr}}.tool-context-box{display:grid;gap:1.5rem;padding:1.5rem;background:var(--color-bg-card);border:1px solid var(--color-border-light);border-left:4px solid var(--ctx-border);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);box-shadow:var(--shadow-sm)}.context-col h4{display:flex;align-items:center;gap:.5rem;font-size:1.05rem;margin-bottom:.75rem;color:var(--color-text)}.context-col h4 svg{color:var(--ctx-border)}.context-col p{font-size:.95rem;color:var(--color-text-muted);line-height:1.6}.context-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.context-col li{font-size:.9rem;color:var(--color-text-muted);position:relative;padding-left:1.25rem}.context-col li:before{content:"→";position:absolute;left:0;color:var(--ctx-border);font-weight:700}@media(min-width:768px){.tool-context-box{grid-template-columns:1fr 1fr;padding:2rem;gap:2.5rem}}.tool-next-step{margin-top:var(--space-3xl);padding:var(--space-2xl) 0 0;border-top:1px solid var(--color-border-light)}.next-step-header{text-align:center;margin-bottom:var(--space-lg)}.next-step-header h3{font-size:1.25rem;color:var(--color-text)}.next-step-card{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:var(--next-bg);border-radius:var(--radius-lg);text-decoration:none;color:var(--color-text);transition:all var(--transition-base)}.next-step-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:var(--color-border-light)}.next-step-badge{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.5rem}.next-step-info h4{font-size:1.25rem;margin-bottom:.25rem}.next-step-info p{font-size:.9rem;color:var(--color-text-muted);margin:0}.next-step-action{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff;border-radius:50%;color:var(--color-text);box-shadow:var(--shadow-sm);flex-shrink:0;transition:transform var(--transition-fast)}.next-step-card:hover .next-step-action{transform:translate(4px)}@media(max-width:600px){.next-step-card{flex-direction:column;align-items:flex-start;gap:1rem}.next-step-action{align-self:flex-end}}.www-feedback{max-width:800px;margin:0 auto}.www-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;position:relative;padding:0 1rem}.www-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:2;transition:all var(--transition-base);opacity:.5;cursor:not-allowed}.www-step.active{opacity:1}.www-step.completed{cursor:pointer}.www-step.completed:hover{transform:translateY(-2px)}.www-step-icon{width:40px;height:40px;border-radius:50%;background:var(--color-bg);border:2px solid var(--color-border-light);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all var(--transition-base)}.www-step.active .www-step-icon{background:#fff;border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light)}.www-step.completed .www-step-icon{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.www-step span{font-size:.8rem;font-weight:600;color:var(--color-text-muted)}.www-step.active span{color:var(--color-text)}.www-progress-line{flex:1;height:2px;background:var(--color-border-light);margin:0 1rem;transform:translateY(-12px);z-index:1}.www-panel{background:var(--color-bg-card);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light)}.www-panel-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;color:var(--panel-color)}.www-panel-header h2{margin:0;font-size:1.5rem;color:var(--color-text)}.www-helptext{color:var(--color-text-muted);font-size:1rem;line-height:1.6;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border-light)}.www-input-group{display:flex;flex-direction:column;gap:.75rem}.www-prefix{font-weight:600;color:var(--color-text);font-size:1.1rem}.www-textarea{font-size:1.1rem;line-height:1.6;padding:1rem;resize:vertical;min-height:120px;border:2px solid transparent;transition:border-color var(--transition-fast)}.www-textarea:focus{border-color:var(--color-primary)}.www-result-panel{background:#fff;border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);text-align:center}.www-result-header h2{font-size:1.8rem;margin-bottom:.5rem;color:var(--color-text)}.www-result-header p{color:var(--color-text-muted);margin-bottom:2rem}.www-final-sentence{background:var(--color-bg);padding:2rem;border-radius:var(--radius-lg);text-align:left;display:flex;flex-direction:column;gap:1rem;font-size:1.15rem;line-height:1.6;color:var(--color-text)}.www-sentence-part strong{color:var(--color-primary);margin-right:.5rem}.www-navigation{display:flex;justify-content:space-between;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border-light)}@media(max-width:600px){.www-progress{padding:0}.www-step span{display:none}.www-panel{padding:1.5rem}.www-final-sentence{padding:1.5rem;font-size:1.05rem}}.pareto-analyse{max-width:900px;margin:0 auto}.pareto-header{margin-bottom:2rem}.pareto-header h2{font-size:1.8rem;margin-bottom:.5rem;color:var(--color-text)}.pareto-header p{color:var(--color-text-muted);font-size:1.05rem;line-height:1.6}.pareto-task-list{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:2rem}.pareto-list-header{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:1rem;padding:1rem 1.5rem;background:var(--color-bg);border-bottom:1px solid var(--color-border-light);font-weight:600;color:var(--color-text-muted);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.pareto-task-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:1rem;padding:1rem 1.5rem;align-items:center;border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.pareto-task-row:last-child{border-bottom:none}.pareto-task-row:hover{background:var(--color-primary-light)}.pt-slider-col{display:flex;align-items:center;gap:.75rem}.pareto-slider{flex:1;cursor:pointer}.slider-val{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;color:var(--color-text);flex-shrink:0}.pt-action .btn-icon{background:transparent;color:var(--color-text-muted);border:none;cursor:pointer;padding:.5rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.pt-action .btn-icon:hover{background:#fee2e2;color:#ef4444}.pt-action .btn-icon:disabled{opacity:.3;cursor:not-allowed;background:transparent;color:var(--color-text-muted)}.pareto-actions{display:flex;justify-content:space-between;align-items:center}.pareto-result-header{text-align:center;margin-bottom:3rem}.pareto-result-header h2{font-size:2rem;color:var(--color-text);margin-bottom:.5rem}.pareto-result-header p{color:var(--color-text-muted);font-size:1.1rem;max-width:600px;margin:0 auto}.pareto-chart-container{position:relative;width:100%;max-width:700px;margin:0 auto 3rem;aspect-ratio:1;padding:2rem 0 0 2rem}.chart-y-axis{position:absolute;left:0;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:left center;font-weight:600;color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.85rem;white-space:nowrap}.chart-x-axis{position:absolute;bottom:-2rem;left:50%;transform:translate(-50%);font-weight:600;color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.85rem;white-space:nowrap}.pareto-chart{position:relative;width:100%;height:100%;border:2px solid var(--color-border);border-radius:var(--radius-md);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;background:#fff;overflow:hidden}.pareto-chart:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:var(--color-border);z-index:10;pointer-events:none}.pareto-chart:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--color-border);z-index:10;pointer-events:none}.quadrant{padding:1rem;font-weight:700;font-size:1.1rem;display:flex;flex-direction:column;opacity:.15;transition:opacity var(--transition-base)}.quadrant span{font-size:.8rem;font-weight:500;margin-top:.25rem}.pareto-chart:hover .quadrant{opacity:.05}.q-top-left{background:#10b981;color:#064e3b;justify-content:flex-end;align-items:flex-end;text-align:right}.q-top-right{background:#3b82f6;color:#1e3a8a;justify-content:flex-end;align-items:flex-start}.q-bottom-left{background:#64748b;color:#0f172a;justify-content:flex-start;align-items:flex-end;text-align:right}.q-bottom-right{background:#ef4444;color:#7f1d1d;justify-content:flex-start;align-items:flex-start}.chart-point{position:absolute;z-index:20;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.25rem;pointer-events:none;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.point-dot{width:16px;height:16px;border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0003;pointer-events:auto;cursor:help}.point-label{background:#ffffffe6;padding:.2rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:var(--color-text);white-space:nowrap;box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light)}.point-quick-win .point-dot{background:#10b981}.point-major-project .point-dot{background:#3b82f6}.point-fill-in .point-dot{background:#64748b}.point-time-waster .point-dot{background:#ef4444}.pareto-insights{display:flex;flex-direction:column;gap:1rem;max-width:700px;margin:0 auto}.insight-card{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border-radius:var(--radius-lg);background:var(--color-bg-card)}.insight-card.success{border-left:4px solid #10b981}.insight-card.success svg{color:#10b981}.insight-card.warning{border-left:4px solid #ef4444}.insight-card.warning svg{color:#ef4444}.insight-card h4{margin:0 0 .25rem;font-size:1.1rem;color:var(--color-text)}.insight-card p{margin:0;color:var(--color-text-muted);font-size:.95rem;line-height:1.5}@media(max-width:768px){.pareto-list-header{display:none}.pareto-task-row{grid-template-columns:1fr;gap:.75rem;padding:1.25rem}.pt-slider-col{display:grid;grid-template-columns:1fr auto}.pt-slider-col:before{content:"Aufwand:";font-size:.85rem;color:var(--color-text-muted);grid-column:1 / -1;margin-bottom:-.25rem}.pt-slider-col:nth-child(3):before{content:"Nutzen:"}.pt-action{justify-self:center;margin-top:.5rem}.pareto-actions{flex-direction:column;gap:1rem}.pareto-actions button{width:100%;justify-content:center}}.walt-disney{max-width:800px;margin:0 auto}.wd-header-input{background:var(--color-bg-card);padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--color-border-light);margin-bottom:2rem;box-shadow:var(--shadow-sm)}.wd-header-input label{display:block;font-weight:600;color:var(--color-text);margin-bottom:.5rem;font-size:1.1rem}.wd-problem-input{width:100%;font-size:1.1rem;padding:1rem;background:var(--color-bg)}.wd-tabs{display:flex;gap:.5rem;margin-bottom:-1px;position:relative;z-index:2;overflow-x:auto;padding-bottom:1px}.wd-tab-btn{flex:1;min-width:120px;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:var(--color-bg-card);border:1px solid var(--color-border-light);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:var(--color-text-muted);font-weight:600;cursor:pointer;transition:all var(--transition-base);opacity:.7}.wd-tab-btn:hover{background:var(--color-bg);opacity:1}.wd-tab-btn.active{background:#fff;color:var(--color-text);opacity:1;border-top:3px solid var(--tab-color);border-left:1px solid var(--color-border-light);border-right:1px solid var(--color-border-light)}.wd-tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#fff}.wd-tab-icon{transition:transform .3s}.wd-tab-btn.active .wd-tab-icon{transform:scale(1.1)}.wd-tab-content{background:#fff;border:1px solid var(--color-border-light);border-radius:0 0 var(--radius-xl) var(--radius-xl);padding:2rem;box-shadow:var(--shadow-md);position:relative;z-index:1}.wd-tabs:has(.wd-tab-btn:first-child.active)+.wd-tab-content{border-top-left-radius:0}.wd-content-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border-light)}.wd-content-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.wd-content-title h3{margin:0;font-size:1.5rem}.wd-content-header p{color:var(--color-text-muted);font-size:1.05rem;margin:0}.wd-ideas-list{display:flex;flex-direction:column;gap:1rem}.wd-idea-input-row{display:flex;align-items:flex-start;gap:1rem}.wd-idea-bullet{width:8px;height:8px;border-radius:50%;margin-top:18px;flex-shrink:0;opacity:.7}.wd-idea-input{flex:1;font-size:1.05rem;padding:.75rem 1rem;border:1px solid transparent;background:var(--color-bg)}.wd-idea-input:focus,.wd-idea-input:not(:placeholder-shown){background:#fff;border-color:var(--color-border-light);box-shadow:var(--shadow-sm)}.wd-empty-state{text-align:center;padding:3rem;color:var(--color-text-muted);background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px dashed var(--color-border-light);margin-top:2rem}@media(max-width:600px){.wd-tabs{flex-direction:column;gap:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-light);margin-bottom:1rem}.wd-tab-btn{border-radius:0;border:none;border-bottom:1px solid var(--color-border-light);padding:.75rem}.wd-tab-btn:last-child{border-bottom:none}.wd-tab-btn.active{border-left:3px solid var(--tab-color);border-top:none}.wd-tab-content{border-radius:var(--radius-lg);padding:1.5rem}}.ikigai-modell{max-width:800px;margin:0 auto}.ikigai-progress{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem}.iki-dot{width:12px;height:12px;border-radius:50%;background:var(--color-border-light);transition:all var(--transition-base)}.iki-dot.active{background:var(--color-primary-light)}.iki-dot.current{background:var(--color-primary);transform:scale(1.3)}.iki-wizard-card{background:#fff;border-radius:var(--radius-xl);padding:3rem;box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);border-top:6px solid var(--card-color)}.iki-card-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.iki-icon-wrap{width:64px;height:64px;border-radius:50%;background:var(--color-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.iki-card-header h2{margin:0;font-size:2rem}.iki-desc{font-size:1.15rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:2.5rem}.iki-textarea{width:100%;font-size:1.2rem;padding:1.5rem;min-height:150px;resize:vertical;border:2px solid var(--color-border-light);transition:all var(--transition-fast)}.iki-textarea:focus{border-color:var(--card-color);box-shadow:0 0 0 4px #00000008}.iki-navigation{display:flex;justify-content:space-between;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border-light)}.iki-result-container{background:#fff;border-radius:var(--radius-xl);padding:3rem;box-shadow:var(--shadow-md);border:1px solid var(--color-border-light)}.iki-venn-info{text-align:center;margin-bottom:3rem}.iki-venn-info h2{font-size:2rem;color:var(--color-text);margin-bottom:1rem}.iki-answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:3rem}.iki-answer-box{background:var(--color-bg);padding:1.5rem;border-radius:var(--radius-lg);border-left:4px solid}.iki-answer-box h4{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.05rem}.iki-answer-box p{color:var(--color-text-muted);font-size:1rem;line-height:1.5;margin:0}.iki-synthesis-box{background:var(--color-primary-light);border-radius:var(--radius-lg);padding:2.5rem;text-align:center;margin-bottom:2rem}.iki-synthesis-box h3{font-size:1.5rem;color:var(--color-primary-dark);margin-bottom:1rem}.iki-synthesis-box .iki-textarea{background:#fff;border-color:#fff;margin-top:1.5rem;font-size:1.1rem;min-height:100px}@media(max-width:768px){.iki-wizard-card,.iki-result-container{padding:1.5rem}.iki-card-header{flex-direction:column;align-items:flex-start;gap:1rem}.iki-card-header h2{font-size:1.5rem}.iki-answers-grid{grid-template-columns:1fr}.iki-synthesis-box{padding:1.5rem}}.login-page{min-height:calc(100vh - var(--header-height));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-md);background:linear-gradient(180deg,var(--color-primary-bg) 0%,var(--color-bg) 100%)}.login-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-xl);max-width:420px;width:100%;text-align:center;box-shadow:var(--shadow-lg);animation:slideUp .4s ease}.login-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-lg);background:var(--color-primary-bg);color:var(--color-primary);margin-bottom:var(--space-lg)}.login-card h1{font-size:1.5rem;margin-bottom:var(--space-sm)}.login-subtitle{color:var(--color-text-muted);font-size:.9rem;margin-bottom:var(--space-xl);line-height:1.6}.login-form{display:flex;flex-direction:column;gap:var(--space-md)}.login-input-wrap{position:relative}.login-input-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--color-text-light)}.login-input{padding-left:2.75rem}.login-submit{width:100%;justify-content:center}.login-error{color:var(--color-error);font-size:.85rem;text-align:left}.login-note{color:var(--color-text-light);font-size:.8rem;margin-top:var(--space-lg);line-height:1.5}.login-success{animation:scaleIn .3s ease}.login-success-icon{color:var(--color-success);margin-bottom:var(--space-md)}.login-success h1{margin-bottom:var(--space-md)}.login-success p{color:var(--color-text-muted);font-size:.9rem;margin-bottom:var(--space-xl);line-height:1.6}.login-guest{margin-top:var(--space-xl);font-size:.85rem}.login-guest a{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.login-guest a:hover{color:var(--color-primary)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@media(min-width:768px){.login-card{padding:var(--space-3xl) var(--space-2xl)}.login-card h1{font-size:1.75rem}}.onboarding-page{min-height:calc(100vh - var(--header-height));display:flex;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-md);background:linear-gradient(180deg,var(--color-primary-bg) 0%,var(--color-bg) 100%)}.onboarding-card{background:#fff;border-radius:var(--radius-xl);padding:0;max-width:440px;width:100%;box-shadow:var(--shadow-lg);overflow:hidden;animation:scaleIn .3s ease}.onboarding-progress{height:4px;background:var(--color-border-light)}.onboarding-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width .4s ease;border-radius:0 2px 2px 0}.onboarding-step{padding:var(--space-2xl) var(--space-xl);text-align:center}.onboarding-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-lg);background:var(--color-primary-bg);color:var(--color-primary);margin-bottom:var(--space-lg)}.onboarding-step h1{font-size:1.4rem;margin-bottom:var(--space-sm)}.onboarding-step p{color:var(--color-text-muted);font-size:.9rem;margin-bottom:var(--space-xl)}.onboarding-step .input{text-align:center;font-size:1.1rem;padding:.875rem;margin-bottom:var(--space-lg)}.onboarding-roles{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:var(--space-xl)}.onboarding-role{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.75rem;border-radius:var(--radius-md);border:2px solid var(--color-border);background:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);color:var(--color-text)}.onboarding-role:hover{border-color:var(--color-primary-light)}.onboarding-role.selected{border-color:var(--color-primary);background:var(--color-primary-bg);color:var(--color-primary);font-weight:600}.onboarding-btn{width:100%;justify-content:center}.profile-page{padding:var(--space-xl) 0 var(--space-2xl);animation:fadeIn .3s ease}.profile-title{font-size:1.5rem;margin-bottom:var(--space-xl)}.profile-card{display:flex;align-items:flex-start;gap:var(--space-lg);padding:var(--space-xl);background:#fff;border-radius:var(--radius-xl);border:1px solid var(--color-border-light);margin-bottom:var(--space-xl)}.profile-avatar-lg{width:64px;height:64px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;flex-shrink:0}.profile-info{flex:1}.profile-info h2{font-size:1.25rem;margin-bottom:.25rem}.profile-role{color:var(--color-text-muted);font-size:.85rem;margin-bottom:.25rem}.profile-email{display:flex;align-items:center;gap:.375rem;color:var(--color-text-light);font-size:.8rem;margin-bottom:var(--space-md)}.profile-edit-form{display:flex;flex-direction:column;gap:var(--space-sm)}.profile-edit-actions{display:flex;gap:var(--space-sm)}.profile-section{padding:var(--space-xl);background:#fff;border-radius:var(--radius-xl);border:1px solid var(--color-border-light);margin-bottom:var(--space-lg)}.profile-section h3{display:flex;align-items:center;gap:var(--space-sm);font-size:1.05rem;margin-bottom:var(--space-lg)}.mood-timeline{display:flex;gap:.25rem;align-items:flex-end;overflow-x:auto;padding-bottom:var(--space-sm);-webkit-overflow-scrolling:touch}.mood-timeline-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:28px}.mood-timeline-emoji{font-size:.85rem}.mood-timeline-bar{width:20px;height:24px;border-radius:4px}.mood-timeline-date{font-size:.55rem;color:var(--color-text-light);white-space:nowrap}.profile-fav-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.profile-fav-item{padding:var(--space-md);background:var(--fav-bg);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);transition:transform var(--transition-fast)}.profile-fav-item:hover{transform:translateY(-2px)}.profile-fav-badge{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;color:var(--fav-color);margin-bottom:.25rem}.profile-fav-item strong{font-size:.85rem}.profile-meta{color:var(--color-text-muted);font-size:.85rem;margin-bottom:var(--space-md)}.profile-results-list{display:flex;flex-direction:column;gap:.5rem}.profile-result-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--color-bg);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);transition:all var(--transition-fast);border:1px solid var(--color-border-light)}.profile-result-item:hover{transform:translateY(-1px);border-color:var(--color-primary)}.profile-result-info{display:flex;flex-direction:column;gap:.125rem}.profile-result-info strong{font-size:.9rem}.profile-result-date{font-size:.75rem;color:var(--color-text-light)}.profile-result-badge{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:var(--radius-full);background:var(--color-border-light)}.profile-result-badge.pro{background:#dcfce7;color:#166534}.profile-result-badge.contra{background:#fee2e2;color:#991b1b}@media(min-width:768px){.profile-title{font-size:2rem}.profile-fav-list{grid-template-columns:repeat(3,1fr)}}.paths-page{padding-top:var(--space-xl);padding-bottom:var(--space-3xl)}.paths-header{text-align:center;margin-bottom:var(--space-2xl)}.paths-header h1{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:1.75rem;font-family:var(--font-heading);margin-bottom:var(--space-sm)}.paths-header p{color:var(--color-text-muted);font-size:1rem}.paths-grid{display:grid;gap:var(--space-lg)}.path-card{display:flex;flex-direction:column;padding:var(--space-xl);background:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);text-decoration:none;color:var(--color-text);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.path-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--path-color)}.path-emoji{font-size:2rem;margin-bottom:var(--space-sm)}.path-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;margin-bottom:var(--space-xs)}.path-desc{font-size:.9rem;color:var(--color-text-muted);line-height:1.5;margin-bottom:var(--space-md)}.path-meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);font-size:.8rem}.path-steps{color:var(--color-text-muted);font-weight:500}.path-progress-badge{display:inline-flex;align-items:center;gap:.25rem;color:var(--path-color);font-weight:600}.path-progress-bar-container{height:6px;background:var(--color-border-light);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-md)}.path-progress-bar{height:100%;background:var(--path-color, var(--color-primary));border-radius:var(--radius-full);transition:width .5s ease}.path-cta{display:inline-flex;align-items:center;gap:.375rem;font-size:.85rem;font-weight:600;color:var(--path-color);margin-top:auto}.path-detail{padding-top:var(--space-lg);padding-bottom:var(--space-3xl)}.path-detail-header{padding:var(--space-xl);background:var(--path-bg);border-radius:var(--radius-xl);margin-bottom:var(--space-2xl);text-align:center}.path-detail-emoji{font-size:3rem;display:block;margin-bottom:var(--space-sm)}.path-detail-header h1{font-family:var(--font-heading);font-size:1.5rem;margin-bottom:var(--space-xs)}.path-detail-header p{color:var(--color-text-muted);font-size:.95rem}.path-detail-percent{display:block;font-size:.8rem;color:var(--path-color);font-weight:600;margin-top:.5rem}.path-steps{display:flex;flex-direction:column;gap:var(--space-md)}.path-step{display:flex;gap:var(--space-md);padding:var(--space-lg);background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-base)}.path-step.completed{border-color:var(--color-success);background:#f0fdf4}.path-step.locked{opacity:.5}.step-number{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-border-light);color:var(--color-text-muted);font-weight:700;font-size:1.1rem;flex-shrink:0}.path-step.completed .step-number{background:var(--color-success);color:#fff}.step-content{flex:1;min-width:0}.step-content h3{font-size:1.05rem;font-weight:600;margin-bottom:var(--space-xs)}.step-lesson{font-size:.9rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-md)}.step-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.path-completed-banner{text-align:center;padding:var(--space-2xl);margin-top:var(--space-2xl);background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-radius:var(--radius-xl);border:2px solid var(--color-success)}.path-completed-emoji{font-size:3rem;display:block;margin-bottom:var(--space-sm)}.path-completed-banner h2{font-family:var(--font-heading);color:var(--color-success);margin-bottom:var(--space-xs)}.path-completed-banner p{color:var(--color-text-muted);margin-bottom:var(--space-lg)}@media(min-width:768px){.paths-grid{grid-template-columns:repeat(3,1fr)}.path-detail-header h1{font-size:2rem}}.legal-page{padding:var(--space-3xl) 0;max-width:800px;animation:fadeIn .4s ease}.legal-page h1{margin-bottom:var(--space-2xl)}.legal-content{display:flex;flex-direction:column;gap:var(--space-xl)}.legal-content section{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-xl)}.legal-content h2{font-size:1.25rem;margin-bottom:var(--space-md);color:var(--color-primary-dark)}.legal-content h3{font-size:1rem;margin-bottom:var(--space-sm);margin-top:var(--space-md)}.legal-content p{color:var(--color-text-muted);line-height:1.7}