/* Voice memos: anonymous durations become named, visible tasks. */
.sc-two-pain,.sc-two-result { display: grid; align-content: center; gap: 7px; }
.sc-memo { display: flex; height: 27px; align-items: center; justify-content: space-between; padding: 0 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-elev); color: var(--ink-muted); font-size: 10px; }
.sc-memo b { width: 62%; height: 6px; border-radius: 4px; background: repeating-linear-gradient(90deg,var(--ink-ghost) 0 2px,transparent 2px 4px); opacity: .6; }
.sc-two[data-phase="0"] .sc-memo { animation: sc-two-dim 1.7s var(--ease) infinite alternate; }
.sc-memo:nth-child(2) { animation-delay: .3s !important; }
.sc-memo:nth-child(3) { animation-delay: .6s !important; }
.sc-named-task { display: flex; height: 27px; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-elev); opacity: 0; transform: translateX(-14px); transition: opacity .35s var(--ease), transform .35s var(--ease); }
.sc-named-task:nth-child(2) { transition-delay: .12s; }
.sc-named-task:nth-child(3) { transition-delay: .24s; }
.sc-named-task b { width: 10px; height: 10px; border: 2px solid var(--green); border-radius: 50%; }
.sc-named-task i { width: 72%; height: 7px; border-radius: 4px; background: var(--ink); opacity: .56; }
.sc-two[data-phase="2"] .sc-named-task { opacity: 1; transform: none; }
@keyframes sc-two-dim { from { opacity: 1; transform: translateX(0); } to { opacity: .45; transform: translateX(7px); } }
@media (prefers-reduced-motion: reduce) { .sc-named-task { opacity: 1; transform: none; } .sc-two * { animation: none !important; transition: none !important; } }