.timeline{display:flex;flex-direction:column;gap:0}.timeline-step{display:flex;gap:12px}.timeline-marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;background:#e5e7eb;color:#6b7280;flex-shrink:0}.timeline-line{width:2px;min-height:28px;flex:1;background:#e5e7eb;margin-top:4px;transform-origin:top}.timeline-content{flex:1;min-width:0;padding-bottom:16px}.timeline-title{font-weight:600}.timeline-extra{font-size:14px;margin-top:4px;opacity:.9}.timeline-done .timeline-icon{background:#16a34a;color:#fff}.timeline-done .timeline-line{background:#16a34a;animation:timelineFill .4s ease forwards}.timeline-step-just-done .timeline-icon{animation:timelineDonePop .2s ease forwards}@keyframes timelineDonePop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.timeline-active .timeline-content{background:#3b82f614;border-radius:12px;padding:8px 12px}.timeline-active .timeline-icon{background:#2563eb;color:#fff;animation:timelinePulse 1.5s ease-in-out infinite}.timeline-active .timeline-line{background:#e5e7eb}.timeline-pending .timeline-icon{background:#e5e7eb;color:#6b7280}.timeline-pending .timeline-line{background:#e5e7eb}.timeline-locked .timeline-icon{background:#f3f4f6;color:#9ca3af}.timeline-locked .timeline-line{background:#e5e7eb}.timeline-locked .timeline-title{color:#9ca3af;font-weight:500}@keyframes timelineFill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes timelinePulse{0%{box-shadow:0 0 #2563eb66}70%{box-shadow:0 0 0 8px #2563eb00}to{box-shadow:0 0 #2563eb00}}.dark .timeline-icon{background:#374151;color:#9ca3af}.dark .timeline-line{background:#374151}.dark .timeline-done .timeline-icon{background:#16a34a;color:#fff}.dark .timeline-done .timeline-line{background:#16a34a}.dark .timeline-active .timeline-content{background:#3b82f61f}.dark .timeline-active .timeline-icon{background:#2563eb;color:#fff}.dark .timeline-pending .timeline-icon,.dark .timeline-pending .timeline-line{background:#374151;color:#6b7280}.dark .timeline-locked .timeline-icon{background:#1f2937;color:#6b7280}.dark .timeline-locked .timeline-line{background:#374151}.timeline-compact .timeline-step{gap:8px}.timeline-compact .timeline-icon{width:22px;height:22px;font-size:12px}.timeline-compact .timeline-line{min-height:20px;margin-top:2px}.timeline-compact .timeline-content{padding-bottom:10px}.timeline-compact .timeline-title{font-size:.8125rem;font-weight:600}.timeline-compact .timeline-extra{font-size:.75rem;margin-top:2px}.timeline-compact.timeline-active .timeline-content{padding:6px 10px;border-radius:8px}.composition-sheet-enter[data-state=open]{animation:compositionSlideUp .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes compositionSlideUp{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}.composition-sheet-item{animation-fill-mode:both}.dish-sheet-enter[data-state=open]{animation:dishSheetSlideUp .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes dishSheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}