.recipe-logs[data-v-6e242798]{border-top:1px solid var(--borderDefault,#e0e0e0);margin-top:2rem;padding-top:2rem}.recipe-logs h3[data-v-6e242798]{color:var(--textPrimary,#000);font-size:1.25rem;font-weight:700;margin:0 0 1rem}.empty-state[data-v-6e242798],.error-state[data-v-6e242798],.loading-state[data-v-6e242798]{color:var(--textMuted,#666);padding:1rem;text-align:center}.empty-state[data-v-6e242798]{background:var(--surfaceAlt,#f9f9f9);border-radius:8px}.logs-list[data-v-6e242798]{display:flex;flex-direction:column;gap:1rem}.log-card[data-v-6e242798]{background:var(--surface,#fff);border:1px solid var(--borderDefault,#e0e0e0);border-radius:12px;padding:1rem;transition:all .2s}.log-card[data-v-6e242798]:hover{box-shadow:0 2px 8px #0000001a}.log-header[data-v-6e242798]{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.log-date[data-v-6e242798]{color:var(--textPrimary,#000);font-size:.875rem;font-weight:600}.log-rating[data-v-6e242798]{display:flex;gap:.125rem}.star[data-v-6e242798]{color:#fbbf24;font-size:1rem}.log-notes[data-v-6e242798]{color:var(--textSecondary,#666);font-size:.9375rem;line-height:1.5;margin-top:.5rem;white-space:pre-wrap}.log-photos[data-v-6e242798]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.log-photo[data-v-6e242798]{border:1px solid var(--borderDefault,#e0e0e0);border-radius:8px;height:100px;-o-object-fit:cover;object-fit:cover;width:100px}.step-timeline[data-v-6e242798]{border-top:1px solid var(--borderDefault,#e0e0e0);margin-top:1rem;padding-top:1rem}.timeline-toggle[data-v-6e242798]{align-items:center;background:var(--surfaceAlt,#f9f9f9);border:1px solid var(--borderDefault,#e0e0e0);border-radius:8px;color:var(--textPrimary,#000);cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;justify-content:space-between;padding:.75rem;transition:all .2s;width:100%}.timeline-toggle[data-v-6e242798]:hover{background:var(--surface,#fff);border-color:var(--accentFill,#24aab4)}.timeline-summary[data-v-6e242798]{color:var(--textMuted,#666);font-size:.875rem;font-weight:500}.timeline-details[data-v-6e242798]{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.timeline-step[data-v-6e242798]{background:var(--surfaceAlt,#f9f9f9);border-left:3px solid var(--accentFill,#24aab4);border-radius:6px;padding:.75rem}.step-header[data-v-6e242798]{font-size:.875rem;gap:.75rem}.step-header[data-v-6e242798],.step-number[data-v-6e242798]{align-items:center;display:flex}.step-number[data-v-6e242798]{background:var(--accentFill,#24aab4);border-radius:50%;color:#fff;flex-shrink:0;font-size:.75rem;font-weight:700;height:24px;justify-content:center;width:24px}.step-action[data-v-6e242798]{color:var(--textPrimary,#000);flex:1;font-weight:600}.step-duration[data-v-6e242798]{color:var(--textSecondary,#666);font-weight:500;white-space:nowrap}.duration-diff[data-v-6e242798]{border-radius:4px;font-size:.8125rem;margin-left:.5rem;padding:.125rem .375rem}.duration-diff.faster[data-v-6e242798]{background:#d1fae5;color:#065f46}.duration-diff.slower[data-v-6e242798]{background:#fee2e2;color:#991b1b}.duration-diff.on-time[data-v-6e242798]{background:#dbeafe;color:#1e40af}@media (max-width:768px){.log-header[data-v-6e242798]{align-items:flex-start;flex-direction:column;gap:.5rem}.step-header[data-v-6e242798]{flex-wrap:wrap}.step-duration[data-v-6e242798]{margin-left:32px;width:100%}}