.emotions-page.svelte-1onnhnz{min-height:100vh;background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-surface) 100%);padding-top:max(80px,calc(80px + env(safe-area-inset-top)));padding-bottom:max(var(--space-xl),calc(var(--space-xl) + env(safe-area-inset-bottom)))}.page-header.svelte-1onnhnz{text-align:center;margin-bottom:var(--space-xl)}.subtitle.svelte-1onnhnz{color:var(--color-text-secondary);font-size:var(--text-base);margin-top:var(--space-sm)}.emotions-visual.svelte-1onnhnz{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-2xl);padding:var(--space-xl);background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.1)}.mood-blob-container.svelte-1onnhnz{width:300px;height:300px}.mood-stats.svelte-1onnhnz{display:flex;gap:var(--space-xl)}.stat-item.svelte-1onnhnz{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.stat-label.svelte-1onnhnz{font-size:var(--text-sm);color:var(--color-text-secondary)}.stat-value.svelte-1onnhnz{font-size:var(--text-2xl);font-weight:600;color:var(--mood-color, var(--color-text-primary))}.emotions-list.svelte-1onnhnz{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.emotion-card.svelte-1onnhnz{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:var(--space-xl);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-base)}.emotion-card.svelte-1onnhnz:hover{border-color:var(--emotion-color, rgba(255, 255, 255, .2));transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.emotion-header.svelte-1onnhnz{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.emotion-info.svelte-1onnhnz{flex:1}.emotion-label.svelte-1onnhnz{font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-xs) 0}.emotion-description.svelte-1onnhnz{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.emotion-value.svelte-1onnhnz{display:flex;align-items:center}.emotion-percentage.svelte-1onnhnz{font-size:var(--text-3xl);font-weight:700;color:var(--emotion-color, var(--color-text-primary))}.emotion-bar.svelte-1onnhnz{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:var(--space-md)}.emotion-bar-fill.svelte-1onnhnz{height:100%;border-radius:4px;transition:width .5s ease;box-shadow:0 0 10px currentColor}.emotion-details.svelte-1onnhnz{display:flex;gap:var(--space-lg);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.05)}.detail-item.svelte-1onnhnz{display:flex;flex-direction:column;gap:var(--space-xs)}.detail-label.svelte-1onnhnz{font-size:var(--text-xs);color:var(--color-text-secondary)}.detail-value.svelte-1onnhnz{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary)}.insights-section.svelte-1onnhnz{margin-top:var(--space-2xl)}.section-title.svelte-1onnhnz{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-lg);color:var(--color-text-primary)}.insights-grid.svelte-1onnhnz{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg)}.insight-card.svelte-1onnhnz{background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:var(--space-xl);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:var(--space-md)}.insight-card.svelte-1onnhnz h3:where(.svelte-1onnhnz){font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0}.insight-card.svelte-1onnhnz p:where(.svelte-1onnhnz){color:var(--color-text-secondary);line-height:1.6;margin:0}