.ob{--d:128px;--in:8px;--core:54px;--R:56px;--kr:.52;--bs:24.5px;--bo:-6.5px;width:var(--d);height:var(--d);--ob-accent:#7f84f6;--ob-glint:#eef;--ob-glint-glow:#a0a4ff;--ob-trail:#9ca0ff;--ob-line:#ffffff1c;--ob-next:#ffffff1a;--ob-wait-line:#ffffff2e;--ob-face:#17181c;--ob-face-edge:#ffffff29;--ob-dim:saturate(.55) brightness(.8);--ob-sat-bg:#16171c;--ob-sat-edge:#a8abff8c;--ob-sat-ink:#eceaff;--ob-cyan:103, 232, 249;--ob-badge-bg:#16301f;--ob-badge-edge:#121315;--ob-badge-ink:#4ade80;flex:none;margin:4px auto 0;position:relative}@container (min-width:520px){.ob{--d:150px;--in:10px;--core:60px;--R:65px;--kr:.49;--bs:27.3px;--bo:-7.3px}}@container (min-width:600px){.ob{--bs:23.7px;--bo:-6.3px}}.ob-ring{inset:var(--in);border:1.5px solid var(--ob-line);border-radius:50%;position:absolute}.ob-glow,.ob-gglow{width:calc(var(--core) + 60px);height:calc(var(--core) + 60px);margin:calc((var(--core) + 60px) / -2) 0 0 calc((var(--core) + 60px) / -2);border-radius:50%;position:absolute;top:50%;left:50%}.ob-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--ob-accent) 34%, transparent), transparent);animation:3s ease-in-out infinite ob-breathe}.ob-gglow{width:calc(var(--core) + 70px);height:calc(var(--core) + 70px);margin:calc((var(--core) + 70px) / -2) 0 0 calc((var(--core) + 70px) / -2);opacity:0;background:radial-gradient(closest-side,#4ade806b,#4ade8000)}.ob-core{width:var(--core);height:var(--core);margin:calc(var(--core) / -2) 0 0 calc(var(--core) / -2);z-index:2;border-radius:18px;position:absolute;top:50%;left:50%}.ob-face{border-radius:inherit;background:var(--ob-face);display:block;position:absolute;inset:0;overflow:hidden}.ob-face:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--ob-face-edge);position:absolute;inset:0}.ob-dim .ob-face>*{filter:var(--ob-dim)}.ob-park-dim .ob-face>*{filter:saturate(.4)brightness(.62)}.ob-ghost .ob-face{background:#121317}.ob-ghost .ob-face:after{box-shadow:none;border:1.5px dashed #ffffff5c}.ob-ghost .ob-face>*{opacity:.42;filter:grayscale()}.ob-badge{right:var(--bo);bottom:var(--bo);width:var(--bs);height:var(--bs);background:var(--ob-badge-bg);border:2px solid var(--ob-badge-edge);color:var(--ob-badge-ink);opacity:0;z-index:3;border-radius:50%;place-items:center;display:grid;position:absolute;transform:scale(.3)}.ob-flash{border-radius:inherit;opacity:0;border:2px solid #4ade80f2;position:absolute;inset:-2px}.ob-arm{z-index:3;animation:6s linear infinite ob-spin;position:absolute;inset:0}.ob-trail{inset:calc(var(--in) - 2.5px);background:conic-gradient(from 0deg, transparent 0deg 210deg, color-mix(in srgb, var(--ob-trail) 75%, transparent) 357deg, transparent 360deg);border-radius:50%;position:absolute;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 4.5px),#000 calc(100% - 4px));mask:radial-gradient(closest-side,#0000 calc(100% - 4.5px),#000 calc(100% - 4px))}.ob-two .ob-trail{background:conic-gradient(from 0deg, transparent 0deg 95deg, color-mix(in srgb, var(--ob-trail) 75%, transparent) 177deg, transparent 180deg 275deg, color-mix(in srgb, var(--ob-trail) 75%, transparent) 357deg, transparent 360deg)}.ob-sat{left:50%;top:calc(var(--in) - 14px);width:30px;height:30px;margin-left:-15px;position:absolute}.ob-sat.b{top:auto;bottom:calc(var(--in) - 14px)}.ob-sat-in{background:var(--ob-sat-bg);border:1px solid var(--ob-sat-edge);width:100%;height:100%;box-shadow:0 0 14px color-mix(in srgb, var(--ob-accent) 50%, transparent);color:var(--ob-sat-ink);border-radius:50%;place-items:center;animation:6s linear infinite ob-spin-r;display:grid;position:relative}.ob-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ob-steps .ob-glow{animation-duration:4s}.ob-glint{inset:calc(var(--in) - 2px);filter:drop-shadow(0 0 4px var(--ob-glint-glow));transform:rotate(var(--from));opacity:0;border-radius:50%;animation:2s cubic-bezier(.45,0,.55,1) .62s infinite ob-glint;position:absolute}.ob-glint-box{transition:opacity .2s ease-out;position:absolute;inset:0}.ob-glint-gone{opacity:0}.ob-glint>i{background:conic-gradient(from 0deg, transparent 0deg, color-mix(in srgb, var(--ob-glint) 95%, transparent) 27deg, transparent 30deg 360deg);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(closest-side,#0000 calc(100% - 4px),#000 calc(100% - 3.5px));mask:radial-gradient(closest-side,#0000 calc(100% - 4px),#000 calc(100% - 3.5px))}.ob-chk .ob-ring{border-color:#22d3ee42}.ob-chk .ob-glow{background:radial-gradient(closest-side,#22d3ee3d,#22d3ee00);animation-duration:2.4s}.ob-lock{inset:var(--in);border:2px solid #0000;border-top-color:rgba(var(--ob-cyan), .9);border-right-color:rgba(var(--ob-cyan), .28);border-radius:50%;animation:2.4s linear infinite ob-spin;position:absolute}.ob-lock.b{inset:calc(var(--in) + 7px);border-width:1.5px;border-top-color:#0000;border-right-color:#0000;border-bottom-color:rgba(var(--ob-cyan), .55);border-left-color:rgba(var(--ob-cyan), .16);animation:3.6s linear infinite ob-spin-r}.ob-beam-box{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.ob-beam{background:linear-gradient(#22d3ee00,#22d3ee6b);border-bottom:2px solid #cffafe;height:42%;animation:2.2s cubic-bezier(.45,0,.4,1) infinite ob-beam;position:absolute;top:0;left:0;right:0;box-shadow:0 4px 12px -2px #22d3eef2}.ob-brks{z-index:3;animation:2.2s ease-in-out infinite ob-brks;position:absolute;inset:0}.ob-brk{--o:calc(var(--core) / 2 + 8px);border:2px solid rgb(var(--ob-cyan));width:13px;height:13px;position:absolute;top:50%;left:50%}.ob-brk.tl{margin:calc(var(--o) * -1) 0 0 calc(var(--o) * -1);border-bottom:0;border-right:0;border-top-left-radius:7px}.ob-brk.tr{margin:calc(var(--o) * -1) 0 0 calc(var(--o) - 13px);border-bottom:0;border-left:0;border-top-right-radius:7px}.ob-brk.bl{margin:calc(var(--o) - 13px) 0 0 calc(var(--o) * -1);border-top:0;border-right:0;border-bottom-left-radius:7px}.ob-brk.br{margin:calc(var(--o) - 13px) 0 0 calc(var(--o) - 13px);border-top:0;border-left:0;border-bottom-right-radius:7px}.ob-wait .ob-ring{border-style:dashed;border-color:var(--ob-wait-line)}.ob-park{left:50%;top:calc(var(--in) - 14px);z-index:3;width:30px;height:30px;margin-left:-15px;position:absolute}.ob-park .ob-sat-in{box-shadow:none;color:#facc15;background:#1f1b0e;border-color:#facc15a6;animation:none}.ob-halo{background:radial-gradient(closest-side,#facc1573,#facc1500);border-radius:50%;animation:3.2s ease-in-out infinite ob-breathe;position:absolute;inset:-13px}.ob-layered .ob-l{position:absolute;inset:0}.ob-layered .ob-l-under{z-index:1}.ob-layered .ob-l-over{z-index:3;pointer-events:none}.ob-x-in{animation:.52s cubic-bezier(.22,1,.36,1) 60ms backwards ob-x-in}.ob-x-out{animation:.3s ease-in forwards ob-x-out}.ob-adv{animation:.55s cubic-bezier(.4,0,.3,1) forwards ob-fillarc}.ob-arc-done,.ob-adv,.ob-fill{stroke:var(--ob-accent)}.ob-arc-cur{stroke:color-mix(in srgb, var(--ob-accent) 34%, transparent)}.ob-arc-next{stroke:var(--ob-next)}.ob-full{stroke:#4ade80}.ob-layered .ob-face>*{transition:filter .45s}.ob-caption{letter-spacing:.12em;text-transform:uppercase;justify-content:center;align-items:center;gap:6px;font-size:11px;font-weight:600;line-height:1;display:flex}.ob-win .ob-arm,.ob-win .ob-sat-in{animation-play-state:paused}.ob-win .ob-sat{animation:.45s cubic-bezier(.55,0,.8,.4) forwards ob-dock}.ob-win .ob-sat.b{animation-name:ob-dock-b}.ob-win .ob-trail{animation:.3s ease-out forwards ob-out}.ob-win .ob-glint{animation:.12s ease-out forwards ob-out}.ob-win .ob-fill{animation:.3s cubic-bezier(.4,0,.3,1) 80ms forwards ob-fillarc}.ob-win .ob-arcs{animation:.2s ease-out .38s forwards ob-out}.ob-win .ob-full{animation:.2s ease-out .38s forwards ob-in}.ob-win .ob-svg,.ob-win .ob-ring{transform-origin:50%;animation:.62s cubic-bezier(.6,0,.85,.4) .58s forwards ob-contract}.ob-win .ob-glow{animation:.4s ease-out .36s forwards ob-out}.ob-win .ob-gglow{animation:1s ease-out .56s forwards ob-gglow}.ob-win .ob-face>*{animation:.44s ease-out .96s forwards ob-ignite}.ob-win .ob-core{animation:.36s ease-out 1.04s ob-pop}.ob-win .ob-flash{animation:.66s ease-out 1.04s forwards ob-flash}.ob-win .ob-badge{animation:.32s ease-out 1.12s forwards ob-badge}.ob-words-out{animation:.18s ease-out 1.52s forwards ob-out}.ob-box-out{animation:.18s ease-out 1.52s forwards ob-box-out}@keyframes ob-spin{to{transform:rotate(360deg)}}@keyframes ob-spin-r{to{transform:rotate(-360deg)}}@keyframes ob-breathe{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:1;transform:scale(1.04)}}@keyframes ob-glint{0%{transform:rotate(var(--from));opacity:0}12%{opacity:1}80%{opacity:1}96%,to{transform:rotate(var(--to));opacity:0}}@keyframes ob-beam{0%{opacity:0;transform:translateY(-100%)}8%{opacity:1}70%{opacity:1;transform:translateY(238%)}84%,to{opacity:0;transform:translateY(238%)}}@keyframes ob-brks{0%,to{opacity:.55;transform:scale(1.07)}50%{opacity:1;transform:scale(.98)}}@keyframes ob-out{to{opacity:0}}@keyframes ob-x-in{0%{opacity:0;transform:scale(.9)}}@keyframes ob-x-out{to{opacity:0;transform:scale(1.06)}}@keyframes ob-in{to{opacity:1}}@keyframes ob-dock{to{transform:translateY(var(--R)) scale(.3);opacity:0}}@keyframes ob-dock-b{to{transform:translateY(calc(var(--R) * -1)) scale(.3);opacity:0}}@keyframes ob-fillarc{to{stroke-dashoffset:0}}@keyframes ob-contract{0%{opacity:1;transform:scale(1)}80%{transform:scale(var(--kr));opacity:.95}to{transform:scale(var(--kr));opacity:0}}@keyframes ob-gglow{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.08)}to{opacity:.55;transform:scale(1)}}@keyframes ob-ignite{0%{filter:saturate(.55)brightness(.8)}36%{filter:saturate(1.15)brightness(1.3)}to{filter:none}}@keyframes ob-pop{0%,to{transform:scale(1)}45%{transform:scale(1.08)}}@keyframes ob-flash{0%{opacity:0;transform:scale(1)}18%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@keyframes ob-badge{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@keyframes ob-box-out{to{background-color:#0000;border-color:#0000}}@media (prefers-reduced-motion:reduce){.ob *,.ob :before,.ob :after{animation:none!important}.ob .ob-arm{transform:rotate(45deg)}.ob .ob-sat-in{transform:rotate(-45deg)}.ob .ob-glint{opacity:1;transform:rotate(var(--mid))}.ob .ob-beam{transform:translateY(60%)}.ob .ob-glow{opacity:.7}.ob-win .ob-face>*{filter:none}.ob-win .ob-badge{opacity:1;transform:none}}.ob-tone-work{color:#a5a8ff}.ob-tone-done{color:#6ee7a0}.ob-tone-check{color:#7ee6f3}.ob-tone-wait{color:#f5d36b}.ob-warm{color:#f3e1a1}.ob-timer{color:#80818e;transition:color .4s}.ob-timer-warn{color:#f5d36b}.ob-timer-late{color:#f87171}.as-card.as-accented .ob{--ob-accent:var(--as-accent);--ob-glint:color-mix(in srgb, var(--as-accent) 16%, #fff);--ob-glint-glow:color-mix(in srgb, var(--as-accent) 72%, #fff);--ob-trail:color-mix(in srgb, var(--as-accent) 60%, #fff);--ob-sat-edge:color-mix(in srgb, var(--as-accent) 60%, transparent)}.as-card.as-accented:not(.as-light) .ob-tone-work{color:color-mix(in srgb, var(--as-accent) 62%, #fff)}.as-card.as-light .ob{--ob-accent:var(--as-accent,#5457e5);--ob-glint:var(--as-accent,#5457e5);--ob-glint-glow:color-mix(in srgb, var(--as-accent,#5457e5) 40%, #fff);--ob-trail:var(--as-accent,#5457e5);--ob-line:#1c19171a;--ob-next:#1c19171a;--ob-wait-line:#1c191738;--ob-face:#f5f5f4;--ob-face-edge:#1c19171a;--ob-dim:saturate(.6) brightness(.98) opacity(.8);--ob-sat-bg:#fff;--ob-sat-edge:color-mix(in srgb, var(--as-accent,#5457e5) 45%, #fff);--ob-sat-ink:var(--as-accent,#4547c0);--ob-cyan:8, 145, 178;--ob-badge-bg:#dcfce7;--ob-badge-edge:#fff;--ob-badge-ink:#16a34a}.as-card.as-light .ob-glow{opacity:.55}.as-card.as-light .ob-park .ob-sat-in{color:#d97706;background:#fffbeb;border-color:#f59e0b}.as-card.as-light .ob-tone-work{color:var(--as-accent,#4547c0)}.as-card.as-light .ob-tone-done{color:#15803d}.as-card.as-light .ob-tone-check{color:#0e7490}.as-card.as-light .ob-tone-wait{color:#b45309}.as-card.as-light .ob-warm{color:#92400e}.as-card.as-light .ob-timer{color:#78716c}.as-card.as-light .ob-timer-warn{color:#b45309}.as-card.as-light .ob-timer-late{color:#dc2626}