.timeline-direction{color:var(--text-soft);justify-content:space-between;font-size:.78rem;display:flex}.timeline-order{gap:10px;margin:0;padding:0;list-style:none;display:grid;position:relative}.timeline-order:before{content:"";background:#d4c4ce;width:2px;position:absolute;top:24px;bottom:24px;left:20px}.timeline-event{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;display:grid;position:relative}.timeline-step{background:#fdf9fb;border:3px solid #b39bcc;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:650;display:grid;position:relative}.timeline-event>strong{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow-wrap:anywhere;border-left:4px solid #b39bcc;align-items:center;min-height:64px;padding:14px 18px;font-size:1rem;line-height:1.35;display:flex}.timeline-move{gap:6px;display:flex}.timeline-move .button{border-radius:var(--radius-sm);width:44px;min-height:44px;padding:0}.timeline-confirm-list{text-align:left;width:100%;padding-left:24px}.timeline-confirm-list li{border-bottom:1px solid var(--border);padding:8px}@media (max-width:540px){.timeline-event{grid-template-columns:28px minmax(0,1fr) auto;gap:7px}.timeline-step{border-width:2px;width:28px;height:34px;font-size:.8rem}.timeline-order:before{left:13px}.timeline-event>strong{min-height:80px;padding:12px 9px;font-size:.88rem}.timeline-move{flex-direction:column;gap:4px}}@container arcade (max-height:500px){.timeline-order{gap:4px}.timeline-event>strong{min-height:44px;padding:5px 12px;font-size:.85rem}.timeline-move{flex-direction:row}.timeline-direction{display:none}}