.journal-heading{margin-bottom:var(--space-5)}.journal-mode-bar{margin-bottom:var(--space-3);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.journal-mode{min-height:46px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-secondary);font-weight:var(--weight-semibold)}.journal-mode.is-active{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));background:var(--accent-soft);color:var(--accent)}.journal-mode:disabled{opacity:.48;cursor:not-allowed}.journal-filters{margin-bottom:var(--space-4);display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1);scrollbar-width:none}.journal-filters::-webkit-scrollbar{display:none}.journal-filter{flex:0 0 auto;min-height:40px;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-elevated);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.journal-filter[aria-pressed=true]{border-color:color-mix(in srgb,var(--gold) 35%,var(--border));background:color-mix(in srgb,var(--gold) 7%,var(--surface));color:var(--gold)}.journal-timeline-status{margin:0 0 var(--space-4);color:var(--text-muted);font-size:var(--text-xs)}.journal-timeline{display:grid;gap:var(--space-4)}.journal-month-divider{position:sticky;top:calc(var(--header-height,0px) + var(--space-2));z-index:2;margin:var(--space-3) 0 0;padding:var(--space-2) 0;color:var(--text-secondary);font-size:var(--text-sm);letter-spacing:.02em;background:color-mix(in srgb,var(--surface) 88%,transparent)}.timeline-card{padding:var(--space-5)}.timeline-card--capture-only{border-style:dashed}.timeline-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.timeline-card__top h2{margin:var(--space-1) 0 0;font-size:var(--text-lg);letter-spacing:-.025em}.timeline-open{flex:0 0 auto}.timeline-meta{margin-top:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-2)}.timeline-pill{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-elevated);color:var(--text-muted);font-size:.7rem;font-weight:var(--weight-semibold)}.timeline-pill--theme{border-color:color-mix(in srgb,var(--gold) 35%,var(--border));color:var(--gold);background:color-mix(in srgb,var(--gold) 6%,var(--surface))}.timeline-pill--kept{border-color:color-mix(in srgb,var(--gold) 50%,var(--border));background:color-mix(in srgb,var(--gold) 10%,var(--surface));color:var(--gold)}.timeline-capture-only-note{margin:var(--space-4) 0 0;color:var(--text-muted);font-size:var(--text-sm);line-height:1.55}.timeline-thread,.timeline-excerpt{margin-top:var(--space-4);padding:var(--space-4);border-left:3px solid color-mix(in srgb,var(--gold) 45%,var(--border));border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--surface-elevated)}.timeline-thread__title,.timeline-excerpt>span{display:block;margin-bottom:var(--space-3);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.timeline-thread>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.timeline-thread>div:last-child{border-bottom:0}.timeline-thread strong{color:var(--accent);font-size:var(--text-xs)}.timeline-thread p,.timeline-excerpt p{margin:0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.55;overflow-wrap:anywhere}.timeline-jumps{margin-top:var(--space-4);display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.timeline-jumps>span{margin-right:var(--space-1);color:var(--text-muted);font-size:var(--text-xs)}.timeline-jump{min-height:38px;padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.timeline-captures{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.timeline-captures__heading{display:block;margin-bottom:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary)}.timeline-capture-preview{margin:var(--space-2) 0;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary)}.timeline-capture-meta{display:block;margin-bottom:var(--space-1);color:var(--accent);font-size:.68rem;font-weight:var(--weight-semibold)}.timeline-capture-preview p{margin:0;font-size:var(--text-sm);line-height:1.5;overflow-wrap:anywhere}.timeline-captures small{color:var(--text-muted)}.journal-filter-empty,.journal-unavailable{padding:var(--space-6);text-align:center;color:var(--text-secondary)}.journal-filter-empty[hidden]{display:none}.journal-timeline-controls{margin-top:var(--space-5);display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-3)}@media(max-width:480px){.timeline-card{padding:var(--space-4)}.timeline-card__top{display:grid}.timeline-open{width:100%}.journal-mode{padding-inline:var(--space-2);font-size:var(--text-xs)}.timeline-thread>div{grid-template-columns:1fr;gap:var(--space-1)}}@media(max-width:340px){.journal-mode-bar{gap:var(--space-1)}.journal-mode{font-size:.68rem}.timeline-meta{gap:var(--space-1)}.journal-timeline-controls .button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}