.timeline-page.svelte-1fjec68{min-height:100vh;background:var(--color-bg);padding:var(--space-xl);padding-top:100px;padding-bottom:20px;display:flex;flex-direction:column}.header.svelte-1fjec68{display:flex;align-items:center;margin-bottom:var(--space-2xl)}.title.svelte-1fjec68{font-size:var(--text-4xl);font-weight:300;letter-spacing:-.02em}.content.svelte-1fjec68{flex:1;display:flex;flex-direction:column}.loading.svelte-1fjec68,.error.svelte-1fjec68,.empty.svelte-1fjec68{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg)}.spinner.svelte-1fjec68{width:48px;height:48px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--color-text-primary);border-radius:50%;animation:svelte-1fjec68-spin 1s linear infinite}@keyframes svelte-1fjec68-spin{to{transform:rotate(360deg)}}.timeline-container.svelte-1fjec68{display:grid;grid-template-columns:1fr 400px;gap:var(--space-2xl);flex:1}.timeline-visualization.svelte-1fjec68{display:flex;align-items:center;justify-content:center}.selected-mood.svelte-1fjec68{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-2xl)}.mood-blob-container.svelte-1fjec68{width:100%;max-width:400px;aspect-ratio:1}.mood-details.svelte-1fjec68{width:100%;max-width:500px}.mood-date.svelte-1fjec68{font-size:var(--text-2xl);font-weight:400;margin-bottom:var(--space-lg);text-align:center;color:var(--color-text-primary)}.emotion-breakdown.svelte-1fjec68{display:flex;flex-direction:column;gap:var(--space-md);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:var(--space-lg);border:1px solid rgba(255,255,255,.1)}.emotion-item.svelte-1fjec68{display:grid;grid-template-columns:80px 1fr 60px;align-items:center;gap:var(--space-md)}.emotion-label.svelte-1fjec68{font-size:var(--text-sm);font-weight:500;text-transform:uppercase;letter-spacing:.05em;text-align:left}.emotion-bar.svelte-1fjec68{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}.emotion-fill.svelte-1fjec68{height:100%;border-radius:4px;transition:width .5s ease;box-shadow:0 0 8px currentColor}.emotion-value.svelte-1fjec68{font-size:var(--text-sm);font-family:var(--font-mono);color:var(--color-text-secondary);text-align:right}.timeline-list.svelte-1fjec68{background:#ffffff05;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.timeline-scroll.svelte-1fjec68{max-height:calc(100vh - 200px);overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.timeline-item.svelte-1fjec68{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;cursor:pointer;transition:all var(--transition-base);text-align:left;width:100%;color:var(--color-text-primary);font-family:inherit}.timeline-item.svelte-1fjec68:hover{background:#ffffff14;border-color:var(--item-color);transform:translate(4px)}.timeline-item.active.svelte-1fjec68{background:#ffffff1a;border-color:var(--item-color);box-shadow:0 0 20px rgba(var(--item-color),.3)}.timeline-dot.svelte-1fjec68{width:12px;height:12px;border-radius:50%;background:var(--item-color);flex-shrink:0;box-shadow:0 0 12px var(--item-color)}.timeline-content.svelte-1fjec68{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.timeline-date.svelte-1fjec68{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.timeline-emotions.svelte-1fjec68{display:flex;gap:var(--space-xs);flex-wrap:wrap}.emotion-pill.svelte-1fjec68{font-size:var(--text-xs);padding:2px 8px;border-radius:12px;border:1px solid;font-family:var(--font-mono)}.btn.svelte-1fjec68{padding:var(--space-md) var(--space-xl);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:var(--color-text-primary);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--transition-base);text-decoration:none;display:inline-block}.btn.svelte-1fjec68:hover{background:#fff3}.text-secondary.svelte-1fjec68{color:var(--color-text-secondary)}.text-lg.svelte-1fjec68{font-size:var(--text-lg)}@media(max-width:1024px){.timeline-container.svelte-1fjec68{grid-template-columns:1fr}.timeline-list.svelte-1fjec68{order:-1}.timeline-scroll.svelte-1fjec68{max-height:300px}}@media(max-width:768px){.timeline-page.svelte-1fjec68{padding:var(--space-md);padding-top:80px}.header.svelte-1fjec68{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.title.svelte-1fjec68{font-size:var(--text-3xl)}.mood-blob-container.svelte-1fjec68,.mood-details.svelte-1fjec68{max-width:100%}.emotion-breakdown.svelte-1fjec68{padding:var(--space-md)}.emotion-item.svelte-1fjec68{grid-template-columns:60px 1fr 50px;gap:var(--space-sm)}.timeline-scroll.svelte-1fjec68{max-height:250px;padding:var(--space-sm)}.timeline-item.svelte-1fjec68{padding:var(--space-sm)}.timeline-emotions.svelte-1fjec68{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.timeline-page.svelte-1fjec68{padding:var(--space-sm);padding-top:70px}.mood-blob-container.svelte-1fjec68{max-width:100%}.emotion-item.svelte-1fjec68{grid-template-columns:50px 1fr 40px}.emotion-label.svelte-1fjec68,.emotion-value.svelte-1fjec68{font-size:var(--text-xs)}}