.horizontal-timeline{--timeline-label-width:6rem;--timeline-row-gap:.85rem;position:relative;background:rgba(255,255,255,.98);border:1px solid var(--border-soft,#e2e8f0);border-radius:1.25rem;padding:1.5rem 1.75rem 1.75rem;box-shadow:0 20px 40px rgba(15,10,35,.05);overflow:hidden;margin-bottom:1.5rem}.horizontal-timeline__scale{margin-left:calc(var(--timeline-label-width) + 1rem);margin-bottom:var(--timeline-row-gap)}.timeline-scale{position:relative;height:3rem}.timeline-scale__line{position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,rgba(148,163,184,0),rgba(148,163,184,.35),rgba(148,163,184,0))}.timeline-scale__marker{position:absolute;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.35rem}.timeline-scale__marker:first-child{transform:translateX(0);align-items:flex-start}.timeline-scale__marker:last-child{transform:translateX(-100%);align-items:flex-end}.timeline-scale__label{font-size:.75rem;font-weight:600;color:var(--text-muted,#475569);letter-spacing:.05em;text-transform:uppercase}.timeline-scale__tick{width:2px;height:1.25rem;border-radius:999px;background:linear-gradient(180deg,rgba(148,163,184,.2),rgba(148,163,184,.6))}.horizontal-timeline__rows{display:flex;flex-direction:column;gap:var(--timeline-row-gap)}.horizontal-row{position:relative;display:flex;align-items:flex-start;min-height:3rem;z-index:1}.row-label{width:var(--timeline-label-width);font-size:.75rem;font-weight:600;color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0;padding-right:1rem;display:flex;align-items:center;justify-content:flex-start}.row-timeline{flex:1;position:relative;height:3rem;background:rgba(255,255,255,.95);border-radius:.75rem;border:1px solid var(--border-soft,#e2e8f0);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.65)}.row-timeline::before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(148,163,184,.18) 0,rgba(148,163,184,.18) 1px,transparent 1px,transparent calc(12.5% - 1px));background-size:12.5% 100%;pointer-events:none}.timeline-empty-state{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500;color:var(--text-muted,#94a3b8)}.timeline-segment{position:absolute;height:100%;border-radius:.5rem;padding:.4rem .65rem;display:flex;flex-direction:column;justify-content:center;font-size:.75rem;font-weight:500;overflow:hidden;min-width:4rem;box-shadow:0 10px 24px rgba(15,10,35,.15)}.timeline-segment .segment-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.timeline-segment .segment-time{font-size:.625rem;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.timeline-segment.is-truncated-start::before,.timeline-segment.is-truncated-end::after{content:"";position:absolute;top:0;bottom:0;width:.75rem;pointer-events:none}.timeline-segment.is-truncated-start::before{left:0;background:linear-gradient(90deg,rgba(255,255,255,.85),transparent)}.timeline-segment.is-truncated-end::after{right:0;background:linear-gradient(270deg,rgba(255,255,255,.85),transparent)}.timeline-now-line{position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(180deg,rgba(215,130,98,0),rgba(215,130,98,.85),rgba(215,130,98,0));box-shadow:0 0 12px rgba(215,130,98,.4);pointer-events:none}.timeline-now-line--labeled .timeline-now-line__label{opacity:1}.timeline-now-line__label{position:absolute;top:-1.75rem;left:50%;transform:translateX(-50%);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:.15rem .45rem;border-radius:999px;background:rgba(255,255,255,.95);border:1px solid rgba(215,130,98,.4);color:var(--tone-accent-strong,#d78262);box-shadow:0 6px 14px rgba(15,10,35,.12);opacity:0;transition:opacity .2s ease}.tithi-segment{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;color:#92400e}.nakshatra-segment{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;color:#065f46}.karana-segment{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:1px solid #6366f1;color:#3730a3}.yoga-segment{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border:1px solid #8b5cf6;color:#5b21b6}@media(max-width:768px){.horizontal-timeline{--timeline-label-width:4rem;--timeline-row-gap:0;padding:1rem 1rem 1.25rem}.horizontal-timeline__scale{margin-bottom:.5rem}.horizontal-row{min-height:2rem}.row-label{font-size:.55rem;padding-right:.5rem;letter-spacing:.03em}.timeline-scale{height:2rem}.timeline-scale__label{font-size:.65rem;word-spacing:-100vw}.timeline-scale__tick{height:.75rem}.row-timeline{height:2rem}.timeline-segment{font-size:.65rem;padding:.3rem .5rem;min-width:3rem}.timeline-segment .segment-time{font-size:.55rem}.timeline-now-line__label{font-size:.55rem;padding:.1rem .35rem;top:-1.5rem}}@media(prefers-color-scheme:dark){.horizontal-timeline{background:rgba(24,24,27,.9);border-color:rgba(255,255,255,.08);box-shadow:0 20px 40px rgba(0,0,0,.6)}.time-marker,.row-timeline{background:rgba(37,37,39,.9);border-color:rgba(255,255,255,.08)}.timeline-empty-state{color:rgba(255,255,255,.5)}.timeline-scale__label{color:rgba(255,255,255,.7)}}