.cpx-face{position:relative}.cpx-face-ui{position:relative;z-index:2}.cpx-face-progress{position:absolute;inset:7px;width:calc(100% - 14px);height:calc(100% - 14px);transform:rotate(-90deg);pointer-events:none;z-index:1}.cpx-face-progress circle{fill:none;stroke-width:2.5}.cpx-face-progress .track{stroke:rgba(255,255,255,.1)}.cpx-face-progress .line{stroke:var(--cpx-accent);stroke-width:3;stroke-linecap:round;stroke-dasharray:72 28;animation:cpxLabProgress 10s linear infinite}@keyframes cpxLabProgress{to{stroke-dashoffset:-100}}.cpx-temp-cycle,.cpx-home-cycle,.cpx-task-cycle{position:relative;display:grid;place-items:center;min-width:76px;height:30px}.cpx-temp-cycle b,.cpx-home-cycle b,.cpx-task-cycle b{position:absolute;inset:0;display:grid;place-items:center;opacity:0}.cpx-temp-cycle b{animation:cpxTemp 6s ease-in-out infinite}.cpx-temp-cycle b:nth-child(2){animation-delay:2s}.cpx-temp-cycle b:nth-child(3){animation-delay:4s}@keyframes cpxTemp{0%,27%{opacity:1;transform:translateY(0)}33%,100%{opacity:0;transform:translateY(-4px)}}.cpx-set,.cpx-click{display:inline-flex;justify-self:center;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.09);color:var(--cpx-accent);font-size:8px;font-weight:700;letter-spacing:.1em;animation:cpxPulse 6s ease-in-out infinite}@keyframes cpxPulse{0%,62%{opacity:.25;transform:scale(.92)}70%,82%{opacity:1;transform:scale(1.06)}90%,100%{opacity:.25;transform:scale(.92)}}.cpx-home-cycle b{animation:cpxHome 4s ease-in-out infinite}.cpx-home-cycle b:nth-child(2){animation-delay:2s;color:#8cf2c7}@keyframes cpxHome{0%,42%{opacity:1}50%,100%{opacity:0}}.cpx-task-arrows{animation:cpxNudge 2s ease-in-out infinite}@keyframes cpxNudge{50%{transform:translateY(-3px)}}.cpx-task-cycle b{font-size:17px!important;animation:cpxTask 6s ease-in-out infinite}.cpx-task-cycle b:nth-child(2){animation-delay:2s}.cpx-task-cycle b:nth-child(3){animation-delay:4s}@keyframes cpxTask{0%,27%{opacity:1}33%,100%{opacity:0;transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.cpx-face-progress .line,.cpx-temp-cycle b,.cpx-home-cycle b,.cpx-task-cycle b,.cpx-set,.cpx-click,.cpx-task-arrows{animation:none!important}.cpx-temp-cycle b:first-child,.cpx-home-cycle b:first-child,.cpx-task-cycle b:first-child{opacity:1!important}}