.guide-beats-module__rlbTLq__beats{--beat-gap:24px;--beat-pad:16px;--node:28px;gap:0 var(--beat-gap);margin:0 calc(-1 * var(--beat-pad)) 14px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.guide-beats-module__rlbTLq__beat{padding:12px var(--beat-pad) 14px;color:var(--text-primary);font:inherit;text-align:left;border-radius:20px;flex-direction:column;gap:4px;display:flex;position:relative}button.guide-beats-module__rlbTLq__beat{cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out)}button.guide-beats-module__rlbTLq__beat:focus-visible{outline:2px solid var(--text-brand);outline-offset:-2px}button.guide-beats-module__rlbTLq__beat[aria-selected=true]{background:color-mix(in srgb, var(--surface-card) 80%, transparent);box-shadow:var(--mt-shadow-inset-hairline)}@media (hover:hover){button.guide-beats-module__rlbTLq__beat:hover{background:color-mix(in srgb, var(--surface-card) 72%, transparent)}}.guide-beats-module__rlbTLq__beatHead{align-items:center;gap:12px;display:flex}.guide-beats-module__rlbTLq__beatNode{width:var(--node);height:var(--node);border:1px solid var(--border-strong);background:var(--surface-card);color:var(--text-secondary);font-family:var(--font-figtree), sans-serif;isolation:isolate;border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;font-weight:650;display:grid;position:relative}.guide-beats-module__rlbTLq__beatNode:before{z-index:-1;border-radius:inherit;background:linear-gradient(135deg, var(--iris-400), var(--iris-600));box-shadow:0 0 0 4px color-mix(in srgb, var(--iris-300) 38%, transparent);content:"";opacity:0;transition:opacity .32s var(--ease-out), transform .52s cubic-bezier(.34, 1.4, .64, 1);position:absolute;inset:-1px;transform:scale(.6)}.guide-beats-module__rlbTLq__beat[data-state=now] .guide-beats-module__rlbTLq__beatNode{color:var(--white);border-color:#0000}.guide-beats-module__rlbTLq__beat[data-state=now] .guide-beats-module__rlbTLq__beatNode:before{opacity:1;transform:none}.guide-beats-module__rlbTLq__beat[data-state=done] .guide-beats-module__rlbTLq__beatNode{border-color:var(--iris-300);color:var(--text-brand)}.guide-beats-module__rlbTLq__beatThread{min-width:24px;height:2px;margin-right:calc(8px - var(--beat-gap) - var(--beat-pad));background:var(--border-default);border-radius:1px;flex:24px;position:relative;overflow:hidden}.guide-beats-module__rlbTLq__beatFill{background:linear-gradient(90deg, var(--iris-400), var(--iris-600));transform-origin:0;transition:transform .92s cubic-bezier(.65,0,.25,1);position:absolute;inset:0;transform:scaleX(0)}.guide-beats-module__rlbTLq__beat[data-state=done] .guide-beats-module__rlbTLq__beatFill{transform:none}.guide-beats-module__rlbTLq__beatTitle{font-family:var(--font-figtree), sans-serif;letter-spacing:-.022em;font-size:18px;font-weight:550;line-height:1.25}.guide-beats-module__rlbTLq__beatBody{max-width:46ch;padding-left:calc(var(--node) + 12px);color:var(--text-secondary);font-size:var(--text-body-sm);line-height:1.5}@media (max-width:899px){.guide-beats-module__rlbTLq__beats{grid-template-columns:minmax(0,1fr);margin:0 0 28px}.guide-beats-module__rlbTLq__beat{padding:0 0 22px}.guide-beats-module__rlbTLq__beatHead{align-items:flex-start}.guide-beats-module__rlbTLq__beatTitle{padding-top:2px}.guide-beats-module__rlbTLq__beatThread{top:calc(var(--node) + 6px);bottom:6px;left:calc(var(--node) / 2 - 1px);width:2px;min-width:0;height:auto;margin:0;position:absolute}.guide-beats-module__rlbTLq__beatFill{transform-origin:top;transform:scaleY(0)}}@media (prefers-reduced-motion:reduce){.guide-beats-module__rlbTLq__beatNode:before,.guide-beats-module__rlbTLq__beatFill{transition:none}}