:root{--primary-color: #5B8DBE;--secondary-color: #7EB77F;--accent-color: #F0A868;--danger-color: #DC143C;--neutral-light: #F5F5F5;--neutral-dark: #2C3E50;--text-primary: #333333;--text-secondary: #666666;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--neutral-light);color:var(--text-primary);line-height:1.6}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}h1{font-size:2.5rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--primary-color)}h2{font-size:1.75rem;font-weight:500;margin-bottom:var(--spacing-md);color:var(--text-primary)}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}button,.button-primary,.button-secondary{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;text-align:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.error-boundary-fallback{display:flex;align-items:center;justify-content:center;min-height:50vh;padding:var(--spacing-xl);background:linear-gradient(135deg,#fef2f2,#fef7f7)}.error-content{max-width:500px;text-align:center;background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000001a;border:1px solid #fecaca}.error-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.error-content h2{color:#dc2626;margin-bottom:var(--spacing-md);font-size:1.5rem}.error-content p{color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}.error-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-lg)}.error-details{text-align:left;margin-top:var(--spacing-lg);background:#f9fafb;border-radius:var(--radius-md);overflow:hidden}.error-details summary{padding:var(--spacing-md);background:#f3f4f6;cursor:pointer;font-weight:500;color:var(--text-secondary)}.error-stack{padding:var(--spacing-md);margin:0;font-size:.875rem;line-height:1.5;color:#374151;white-space:pre-wrap;overflow-x:auto}@media (max-width: 480px){.error-actions{flex-direction:column}.error-content{padding:var(--spacing-lg);margin:0 var(--spacing-sm)}}.network-status{position:fixed;top:var(--spacing-md);left:50%;transform:translate(-50%);z-index:1000;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #00000026;animation:slideDown .3s ease-out}.network-offline{background:#ef4444f2;color:#fff;border:1px solid rgba(239,68,68,.8)}.network-online{background:#22c55ef2;color:#fff;border:1px solid rgba(34,197,94,.8);animation:slideDown .3s ease-out,fadeOut .5s ease-out 2.5s forwards}.network-status-content{display:flex;align-items:center;gap:var(--spacing-xs)}.network-icon{font-size:1rem}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-20px)}}@media (max-width: 480px){.network-status{left:var(--spacing-md);right:var(--spacing-md);transform:none;width:auto}}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md)}.loading-small{min-height:4rem}.loading-medium{min-height:8rem}.loading-large{min-height:12rem}.spinner-animation{display:inline-block;position:relative}.spinner-circle{width:40px;height:40px;border:3px solid #f3f4f6;border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.loading-small .spinner-circle{width:24px;height:24px;border-width:2px}.loading-large .spinner-circle{width:56px;height:56px;border-width:4px}.loading-message{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin:0;text-align:center}.page-loading-fallback{display:flex;align-items:center;justify-content:center;min-height:50vh;padding:var(--spacing-xl)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;border-radius:4px;margin-bottom:.5rem}.skeleton-header{height:2rem;border-radius:6px;margin-bottom:1rem}.skeleton-card{height:8rem;border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.button-primary{background-color:var(--primary-color);color:#fff}.button-primary:hover{background-color:#4a7cac;transform:translateY(-1px)}.button-secondary{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.button-secondary:hover{background-color:var(--primary-color);color:#fff}.back-button{background:none;color:var(--primary-color);padding:var(--spacing-sm);font-size:1rem}.back-button:hover{color:#4a7cac}.home{flex:1;display:flex;flex-direction:column;overflow-y:auto}.hero-section{display:grid;grid-template-columns:1fr 300px;gap:var(--spacing-xl);align-items:center;min-height:70vh;padding:var(--spacing-xl) var(--spacing-xl) 0;background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:relative}.hero-content{max-width:600px}.hero-badge{display:inline-block;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-lg);box-shadow:0 4px 12px #5b8dbe4d}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.gradient-text{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;line-height:1.6;color:var(--text-secondary);margin-bottom:var(--spacing-xl);max-width:500px}.hero-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.hero-cta{font-size:1.1rem;padding:var(--spacing-md) var(--spacing-xl);box-shadow:0 4px 16px #5b8dbe4d;transform:translateY(0);transition:all .3s ease}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #5b8dbe66}.watch-intro-btn{background:#fff!important;color:var(--primary-color)!important;border:2px solid var(--primary-color)!important;box-shadow:0 2px 12px #0000001a}.emotion-wheel-preview{position:relative;width:280px;height:280px;margin:0 auto}.wheel-ring{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center}.outer-ring{width:280px;height:280px;top:0;left:0}.middle-ring{width:200px;height:200px;top:40px;left:40px}.wheel-center{position:absolute;width:120px;height:120px;top:80px;left:80px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:600;font-size:.9rem;color:var(--primary-color);box-shadow:0 4px 16px #0000001a}.emotion-segment{position:absolute;width:70px;height:30px;background:var(--color);color:#fff;font-size:.75rem;font-weight:500;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transform-origin:center;opacity:.9;animation:float 3s ease-in-out infinite}.outer-ring .emotion-segment:nth-child(1){top:-15px;left:105px;animation-delay:0s}.outer-ring .emotion-segment:nth-child(2){top:80px;right:-15px;animation-delay:.5s}.outer-ring .emotion-segment:nth-child(3){bottom:40px;left:20px;animation-delay:1s}.middle-ring .emotion-segment:nth-child(1){bottom:40px;right:20px;animation-delay:1.5s}.middle-ring .emotion-segment:nth-child(2){top:80px;left:-15px;animation-delay:2s}.middle-ring .emotion-segment:nth-child(3){top:-15px;left:65px;animation-delay:2.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.features-section{padding:var(--spacing-xl);background:#fff}.features-title{text-align:center;font-size:2.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xl)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl);max-width:1200px;margin:0 auto}.feature-card{background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;box-shadow:0 4px 24px #00000014;border:1px solid #f1f5f9;transition:all .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f}.feature-icon{font-size:3rem;margin-bottom:var(--spacing-md);display:block}.feature-card h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.feature-card p{color:var(--text-secondary);line-height:1.6;margin:0}.quick-actions{padding:var(--spacing-xl);background:#f8fafc;text-align:center}.quick-actions h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.action-buttons{display:flex;gap:var(--spacing-lg);justify-content:center;flex-wrap:wrap}.action-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:#fff;border-radius:var(--radius-lg);text-decoration:none;color:var(--text-primary);border:2px solid transparent;transition:all .3s ease;min-width:140px;box-shadow:0 2px 12px #00000014}.action-card:hover{transform:translateY(-2px);border-color:var(--primary-color);box-shadow:0 4px 20px #0000001f;color:var(--text-primary)}.action-icon{font-size:2rem}.install-action{background:var(--accent-color)!important;color:#fff!important}.install-action:hover{background:#e09858!important;color:#fff!important}.research-footer{padding:var(--spacing-xl);background:var(--primary-color);color:#fff}.research-content{display:flex;align-items:center;gap:var(--spacing-lg);max-width:800px;margin:0 auto}.research-icon{font-size:3rem;flex-shrink:0}.research-text p{margin:0;color:#fff}.research-text p:first-child{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm)}.research-detail{line-height:1.6;opacity:.9}@media (max-width: 1024px){.hero-section{grid-template-columns:1fr;text-align:center;gap:var(--spacing-lg)}.emotion-wheel-preview,.outer-ring{width:240px;height:240px}.middle-ring{width:170px;height:170px;top:35px;left:35px}.wheel-center{width:100px;height:100px;top:70px;left:70px}}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.features-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.research-content{flex-direction:column;text-align:center}.hero-actions{justify-content:center}}@media (max-width: 480px){.hero-section{padding:var(--spacing-lg) var(--spacing-md);min-height:60vh}.hero-title{font-size:2rem;line-height:1.2}.hero-subtitle{font-size:1rem;line-height:1.5}.hero-actions{flex-direction:column;gap:var(--spacing-md);width:100%}.hero-cta,.watch-intro-btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:1.1rem}.features-section{padding:var(--spacing-lg) var(--spacing-md)}.feature-card{padding:var(--spacing-lg);text-align:center}.quick-actions,.research-footer{padding:var(--spacing-lg) var(--spacing-md)}.research-detail{font-size:.9rem;line-height:1.6}}.check-in{flex:1;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.check-in-header{background:#fff;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.check-in-header .back-button{background:none;border:none;color:var(--primary-color);font-size:1rem;cursor:pointer;padding:var(--spacing-sm);margin-bottom:var(--spacing-md);transition:color .2s ease}.check-in-header .back-button:hover{color:#4a7cac}.header-content h1{font-size:2rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.header-subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.progress-section{background:#fff;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid #e2e8f0}.progress-container{position:relative;margin-bottom:var(--spacing-lg)}.progress-track{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:3px;transition:width .4s ease}.step-dots{display:flex;justify-content:space-between;margin-top:var(--spacing-md)}.step-dot{width:40px;height:40px;border-radius:50%;background:#e2e8f0;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;transition:all .3s ease;cursor:default}.step-dot.completed{background:var(--secondary-color);color:#fff}.step-dot.active{background:var(--primary-color);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px #5b8dbe4d}.step-info{text-align:center}.step-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.step-counter{color:var(--text-secondary);font-size:.875rem;margin:0}.check-in-content{flex:1;padding:var(--spacing-xl);display:flex;justify-content:center;align-items:flex-start}.step-card{background:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 24px #00000014;border:1px solid #f1f5f9;padding:var(--spacing-xl);max-width:800px;width:100%}.step-card-header{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.step-icon{font-size:2.5rem;flex-shrink:0}.step-card-header h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.step-card-header p{color:var(--text-secondary);margin:0;line-height:1.5}.emotion-selection-container{margin-bottom:var(--spacing-xl);width:100%;display:flex;flex-direction:column;align-items:center}.search-alternative{margin-top:var(--spacing-xl);width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center}.divider{text-align:center;position:relative;margin:var(--spacing-xl) 0;width:100%}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e2e8f0}.divider span{background:#fff;padding:0 var(--spacing-md);color:var(--text-secondary);font-size:.875rem}.selection-summary{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-xl)}.summary-content{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.summary-icon{font-size:1.5rem}.summary-label{margin:0 0 var(--spacing-xs) 0;color:var(--text-secondary);font-size:.875rem}.summary-emotion{margin:0;color:var(--primary-color);font-size:1.25rem;font-weight:600}.continue-btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;font-weight:600}.body-location-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.body-location-card{background:#fff;border:2px solid #e2e8f0;border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;cursor:pointer;transition:all .3s ease;position:relative}.body-location-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.body-location-card.selected{border-color:var(--primary-color);background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #5b8dbe4d}.location-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.body-location-card h4{margin:0 0 var(--spacing-xs) 0;font-size:1rem;font-weight:600}.body-location-card p{margin:0;font-size:.875rem;opacity:.8}.body-location-card.selected p{opacity:.9}.trigger-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.trigger-category-card{background:#fff;border:2px solid #e2e8f0;border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;cursor:pointer;transition:all .3s ease}.trigger-category-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.trigger-category-card.selected{border-color:var(--primary-color);background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #5b8dbe4d}.trigger-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.trigger-category-card h4{margin:0 0 var(--spacing-xs) 0;font-size:1rem;font-weight:600}.trigger-category-card p{margin:0;font-size:.875rem;opacity:.8}.trigger-category-card.selected p{opacity:.9}.journal-container{margin-bottom:var(--spacing-xl)}.journal-prompts{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.journal-prompts h4{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:.875rem;font-weight:600}.journal-prompts ul{margin:0;padding-left:var(--spacing-md)}.journal-prompts li{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin-bottom:var(--spacing-xs)}.journal-textarea.enhanced{width:100%;padding:var(--spacing-md);border:2px solid #e2e8f0;border-radius:var(--radius-md);font-size:1rem;font-family:inherit;line-height:1.6;resize:vertical;transition:border-color .2s ease;background:#fff}.journal-textarea.enhanced:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #5b8dbe1a}.journal-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-sm)}.privacy-note{display:flex;align-items:center;gap:var(--spacing-xs)}.privacy-icon{font-size:.875rem}.privacy-note p{margin:0;font-size:.75rem;color:var(--text-secondary)}.word-count{font-size:.75rem;color:var(--text-secondary)}.step-navigation{display:flex;justify-content:space-between;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid #f1f5f9}.nav-btn{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;font-weight:500;min-width:140px}.completion-btn{background:var(--secondary-color)!important;border-color:var(--secondary-color)!important}.completion-btn:hover{background:#6da86e!important}@media (max-width: 768px){.check-in-header,.progress-section,.check-in-content{padding:var(--spacing-md)}.step-card{padding:var(--spacing-lg)}.step-card-header{flex-direction:column;align-items:center;text-align:center}}@media (max-width: 480px){.check-in-header{padding:var(--spacing-sm) var(--spacing-md)}.check-in-header h1{font-size:1.75rem}.progress-section{padding:var(--spacing-md)}.step-dots{gap:var(--spacing-sm)}.step-dot{width:32px;height:32px;font-size:.875rem}.step-card{padding:var(--spacing-md);margin:var(--spacing-md) 0}.step-card-header h3{font-size:1.25rem}.step-navigation{padding-top:var(--spacing-md);flex-direction:column;gap:var(--spacing-sm)}.nav-btn{width:100%;min-width:auto;padding:var(--spacing-md)}.body-location-grid,.trigger-categories{grid-template-columns:1fr;gap:var(--spacing-sm)}.body-location-grid,.trigger-categories-grid{grid-template-columns:1fr}.step-navigation{flex-direction:column}.nav-btn{width:100%}}.history{flex:1;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.history-header-modern{background:#fff;padding:var(--spacing-xl);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;align-items:flex-start}.header-content{flex:1}.back-button-modern{background:none;border:none;color:var(--primary-color);font-size:1rem;cursor:pointer;padding:var(--spacing-sm);margin-bottom:var(--spacing-md);transition:color .2s ease}.back-button-modern:hover{color:#4a7cac}.header-title h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-subtitle{color:var(--text-secondary);font-size:1.1rem;margin:0;line-height:1.5}.export-button-modern{background:var(--secondary-color);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #7eb77f4d;transition:all .3s ease}.export-button-modern:hover{background:#6da86e;transform:translateY(-2px);box-shadow:0 6px 16px #7eb77f66}.history-content-modern{flex:1;padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:1200px;margin:0 auto;width:100%}.section-title{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-lg) 0;display:flex;align-items:center;gap:var(--spacing-sm)}.insights-section{margin-bottom:var(--spacing-xl)}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.insight-card{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 8px 32px #00000014;border:1px solid #f1f5f9;display:flex;align-items:center;gap:var(--spacing-lg);transition:all .3s ease;position:relative;overflow:hidden}.insight-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));opacity:0;transition:opacity .3s ease}.insight-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.insight-card:hover:before{opacity:1}.insight-icon{font-size:3rem;flex-shrink:0}.insight-content{flex:1}.insight-value{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-xs);line-height:1}.insight-label{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.insight-description{font-size:.875rem;color:var(--text-secondary);line-height:1.4}.timeline-section{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 4px 24px #00000014;border:1px solid #f1f5f9}.empty-state-modern{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:var(--radius-lg);margin-top:var(--spacing-lg)}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.empty-state-modern h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.empty-state-modern p{color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0;line-height:1.6;max-width:400px;margin-left:auto;margin-right:auto}.start-journey-btn{padding:var(--spacing-md) var(--spacing-xl);font-size:1.1rem;font-weight:600;box-shadow:0 4px 16px #5b8dbe4d}.timeline-list{margin-top:var(--spacing-lg)}.timeline-item{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-dot{width:40px;height:40px;border-radius:50%;background:var(--secondary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem;box-shadow:0 4px 12px #7eb77f4d}.timeline-line{width:2px;flex:1;background:linear-gradient(to bottom,var(--secondary-color),#e2e8f0);margin-top:var(--spacing-sm)}.timeline-content{flex:1}.timeline-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .3s ease}.timeline-card:hover{background:#fff;box-shadow:0 4px 16px #00000014;transform:translate(4px)}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.timeline-date{font-size:.875rem;color:var(--text-secondary);font-weight:500}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.complete{background:var(--secondary-color);color:#fff}.emotion-display{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:#fff;border-radius:var(--radius-md);border:1px solid #e2e8f0}.emotion-icon{font-size:1.5rem}.emotion-path{font-size:1.1rem;font-weight:600;color:var(--primary-color)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.detail-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#fff;border-radius:var(--radius-md);border:1px solid #f1f5f9}.detail-icon{font-size:1.2rem}.detail-content{display:flex;flex-direction:column;gap:2px}.detail-label{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:.9rem;color:var(--text-primary);font-weight:500}.journal-entry{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:var(--spacing-md)}.journal-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.journal-icon{font-size:1.2rem}.journal-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.journal-content{color:var(--text-secondary);line-height:1.6;font-size:.9rem}@media (max-width: 768px){.history-header-modern{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.header-title h1{font-size:2rem}.history-content-modern{padding:var(--spacing-md)}.insights-grid{grid-template-columns:1fr}.timeline-item{gap:var(--spacing-md)}.details-grid{grid-template-columns:1fr}}@media (max-width: 480px){.history-header-modern{padding:var(--spacing-md) var(--spacing-sm)}.header-title h1{font-size:1.75rem;line-height:1.2}.header-subtitle{font-size:1rem}.export-button-modern{font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md)}.history-content-modern{padding:var(--spacing-sm);gap:var(--spacing-lg)}.insights-grid{gap:var(--spacing-md)}.insight-card{padding:var(--spacing-md);flex-direction:column;text-align:center;gap:var(--spacing-md)}.insight-value{font-size:2rem}.timeline-section{padding:var(--spacing-md)}.timeline-item{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.timeline-marker{flex-shrink:0}.timeline-dot{width:32px;height:32px;font-size:1rem}.timeline-card{padding:var(--spacing-md)}.emotion-display{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.details-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}}.history-header{position:relative}.export-button{position:absolute;right:var(--spacing-lg);top:50%;transform:translateY(-50%);padding:var(--spacing-xs) var(--spacing-md);background:var(--secondary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;cursor:pointer}.export-button:hover{background:#6da86e}.history-content{flex:1;padding:var(--spacing-lg);max-width:1000px;margin:0 auto;width:100%}.loading{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.stats-section{margin-bottom:var(--spacing-xl)}.stats-section h3{font-size:1.25rem;margin-bottom:var(--spacing-md);color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000d;text-align:center}.stat-value{font-size:2rem;font-weight:600;color:var(--primary-color);margin-bottom:var(--spacing-xs)}.stat-label{font-size:.875rem;color:var(--text-secondary)}.checkins-section h3{font-size:1.25rem;margin-bottom:var(--spacing-md);color:var(--text-primary)}.empty-state{text-align:center;padding:var(--spacing-xl);background:#fff;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000d}.empty-state p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.checkins-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.checkin-card{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000d;transition:transform .2s ease}.checkin-card:hover{transform:translateY(-2px)}.checkin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.checkin-date{font-size:.875rem;color:var(--text-secondary)}.complete-badge{background:var(--secondary-color);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.checkin-emotions{font-size:1.1rem;font-weight:500;color:var(--primary-color);margin-bottom:var(--spacing-md)}.checkin-detail{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.checkin-detail strong{color:var(--text-primary)}.checkin-journal{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid #E0E0E0}.checkin-journal strong{display:block;font-size:.875rem;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.checkin-journal p{font-size:.875rem;line-height:1.5;color:var(--text-secondary);white-space:pre-wrap}.selected-emotion-summary{text-align:center;padding:var(--spacing-lg);background:#fff;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;margin-top:var(--spacing-lg)}.selected-emotion-summary p{font-size:1.1rem;margin-bottom:var(--spacing-lg)}.selected-emotion-summary strong{color:var(--primary-color)}.step-content{text-align:center;max-width:600px;width:100%}.step-content h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.step-content button{margin:var(--spacing-sm)}.emotion-selection-options{width:100%;max-width:800px}.option-tabs{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.tab-button{padding:var(--spacing-sm) var(--spacing-lg);background:#fff;border:2px solid #E0E0E0;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.tab-button.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.search-alternative{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid #E0E0E0}.search-alternative p{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.body-options,.trigger-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.body-option,.trigger-option{padding:var(--spacing-lg);background:#fff;border:2px solid #E0E0E0;border-radius:var(--radius-lg);font-size:1rem;color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-align:center}.body-option:hover,.trigger-option:hover{border-color:var(--primary-color);background:var(--neutral-light);transform:translateY(-2px)}.body-option:active,.trigger-option:active{transform:translateY(0)}.selection-feedback{text-align:center;color:var(--primary-color);font-weight:500;margin-bottom:var(--spacing-lg)}.navigation-buttons{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.journal-textarea{width:100%;padding:var(--spacing-md);border:2px solid #E0E0E0;border-radius:var(--radius-md);font-size:1rem;font-family:inherit;line-height:1.6;resize:vertical;transition:border-color .2s ease}.journal-textarea:focus{outline:none;border-color:var(--primary-color)}.journal-hint{text-align:center;color:var(--text-secondary);font-size:.875rem;margin-top:var(--spacing-sm)}@media (max-width: 768px){h1{font-size:2rem}.home h1{font-size:2.5rem}.home p{font-size:1.1rem}}._intro-modal-overlay_1j6st_1{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}._intro-modal_1j6st_1{background:#fff;border-radius:16px;max-width:480px;width:100%;max-height:80vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;animation:_modalSlideIn_1j6st_1 .4s cubic-bezier(.16,1,.3,1)}@keyframes _modalSlideIn_1j6st_1{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}._intro-modal-header_1j6st_40{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #f1f5f9}._intro-modal-header_1j6st_40 h2{margin:0;color:var(--text-primary);font-size:18px;font-weight:600;letter-spacing:-.025em}._close-button_1j6st_56{background:none;border:none;font-size:20px;color:#64748b;cursor:pointer;padding:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s ease}._close-button_1j6st_56:hover{background:#f1f5f9;color:#334155}._intro-content_1j6st_77{padding:0}._video-container_1j6st_81{position:relative;background:#000}._intro-video_1j6st_86{width:100%;height:240px;object-fit:cover;display:block}._intro-text_1j6st_93{padding:20px 24px}._intro-text_1j6st_93 h3{color:var(--text-primary);margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.4}._intro-text_1j6st_93 p{color:#64748b;line-height:1.5;margin:0 0 16px;font-size:14px}._intro-text_1j6st_93 ul{margin:0;padding:0;list-style:none}._intro-text_1j6st_93 li{color:#64748b;font-size:14px;line-height:1.5;margin-bottom:6px;padding-left:16px;position:relative}._intro-text_1j6st_93 li:before{content:"•";color:var(--primary-color);position:absolute;left:0}._intro-modal-footer_1j6st_134{display:flex;justify-content:space-between;align-items:center;padding:16px 24px 20px;border-top:1px solid #f1f5f9;gap:12px}._intro-modal-footer_1j6st_134 button{height:36px;padding:0 16px;font-size:14px;font-weight:500;border-radius:8px;transition:all .15s ease;cursor:pointer;border:none}._intro-modal-footer_1j6st_134 ._button-secondary_1j6st_154{background:transparent;color:#64748b;border:1px solid #e2e8f0}._intro-modal-footer_1j6st_134 ._button-secondary_1j6st_154:hover{background:#f8fafc;border-color:#cbd5e1}._intro-modal-footer_1j6st_134 ._button-primary_1j6st_165{background:var(--primary-color);color:#fff;min-width:100px}._intro-modal-footer_1j6st_134 ._button-primary_1j6st_165:hover{background:#4a7cac;transform:translateY(-1px)}._intro-modal-footer_1j6st_134 ._button-primary_1j6st_165:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 640px){._intro-modal-overlay_1j6st_1{padding:var(--spacing-md)}._intro-modal_1j6st_1{max-width:none;margin:0}._intro-video_1j6st_86{height:200px}._intro-modal-header_1j6st_40,._intro-text_1j6st_93{padding-left:20px;padding-right:20px}._intro-modal-footer_1j6st_134{padding:16px 20px;flex-direction:column;gap:8px}._intro-modal-footer_1j6st_134 button{width:100%;height:40px}}