.win-track-wrap{flex-direction:column;gap:24px;margin:20px 0;display:flex}.win-track-row{flex-direction:column;gap:10px;display:flex}.win-track-title{color:#222;font-size:.92rem;font-weight:700}.win-track{grid-template-columns:repeat(5,1fr);align-items:end;gap:10px;height:96px;display:grid}.win-slot{border-radius:8px 8px 0 0;justify-content:center;align-items:flex-end;padding-top:6px;display:flex;position:relative}.win-slot-icon{font-size:1.15rem;transform:translateY(-26px)}.win-track.small-wins .win-slot{background:linear-gradient(#2ecc7147,#2ecc711f)}.win-track.small-wins .win-slot:first-child{height:34%}.win-track.small-wins .win-slot:nth-child(2){height:50%}.win-track.small-wins .win-slot:nth-child(3){height:66%}.win-track.small-wins .win-slot:nth-child(4){height:82%}.win-track.small-wins .win-slot:nth-child(5){background:linear-gradient(#2ecc7180,#2ecc7133);height:100%}.win-track.big-goal .win-slot{background:#0000000f;height:18%}.win-track.big-goal .win-slot.locked .win-slot-icon{opacity:.35;transform:translateY(-22px)}.win-track.big-goal .win-slot:last-child{background:linear-gradient(#f1c40f80,#f1c40f2e);height:100%}.win-track-note{color:#888;font-size:.82rem;font-style:italic}@media (max-width:560px){.win-track{gap:6px;height:84px}.win-slot-icon{font-size:.95rem}}
.motivation-loop{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin:22px 0 8px;display:flex}.loop-node{text-align:center;flex-direction:column;align-items:center;gap:8px;width:108px;display:flex}.loop-node-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.4rem;display:flex}.loop-node.action .loop-node-icon{background:#3498db29}.loop-node.progress .loop-node-icon{background:#2ecc7129}.loop-node.dopamine .loop-node-icon{background:#e67e2229}.loop-node.motivation .loop-node-icon{background:#9b59b629}.loop-node-label{color:#222;font-size:.8rem;font-weight:700}.loop-arrow{color:#bbb;flex-shrink:0;align-self:center;margin-bottom:22px;font-size:1.3rem}@media (max-width:640px){.loop-arrow{margin:0;transform:rotate(90deg)}}.motivation-loop-repeat{text-align:center;color:#888;font-size:.82rem;font-style:italic}@media (max-width:640px){.motivation-loop{flex-direction:column}}