/* Utopia Shield widget skin. Self-contained dark card: reads on light and dark pages. Restyle via the variables. */
.us-card{--us-accent:#ff3b30;--us-ok:#34c759;--us-bg:#141414;--us-text:#f2f2f2;--us-muted:#8e8e93;--us-line:#2a2a2a;--us-ring:#2e2e2e;
  position:relative;display:inline-block;min-width:260px;max-width:100%;margin-top:18px;padding:10px 14px 8px;
  background:var(--us-bg);color:var(--us-text);border:1px solid var(--us-line);border-radius:10px;
  font:15px/1.3 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;box-shadow:0 0 0 0 transparent;
  transition:box-shadow .4s,border-color .4s}
.us-card[data-state=work]{border-color:var(--us-accent);box-shadow:0 0 18px -4px var(--us-accent)}
.us-card[data-state=done]{border-color:var(--us-ok);box-shadow:0 0 18px -6px var(--us-ok)}
.us-card .us-btn{display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:2px 0;background:none;border:0;
  color:inherit;font:inherit;font-weight:600;text-align:left;cursor:pointer;border-radius:8px}
.us-card .us-btn:focus-visible{outline:2px solid var(--us-accent);outline-offset:3px}
.us-card[data-state=done] .us-btn{cursor:default}
.us-ico{flex:none;width:44px;height:44px;overflow:visible}
.us-ring{fill:none;stroke:var(--us-ring);stroke-width:2.5;stroke-linecap:round;transition:stroke .3s}
.us-shield{fill:rgba(255,59,48,.08);stroke:var(--us-accent);stroke-width:2.5;stroke-linejoin:round;transform-origin:24px 24px;
  transition:fill .35s,stroke .35s}
.us-check{fill:none;stroke:#fff;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;
  transition:stroke-dashoffset .4s .15s}
.us-btn:hover .us-shield{fill:rgba(255,59,48,.18)}
.us-card[data-state=work] .us-ring{stroke:var(--us-accent);stroke-dasharray:36 96;transform-origin:24px 24px;animation:us-spin 1s linear infinite}
.us-card[data-state=work] .us-shield{animation:us-pulse 1.2s ease-in-out infinite}
.us-card[data-state=done] .us-ring{stroke:var(--us-ok);stroke-dasharray:none}
.us-card[data-state=done] .us-shield{fill:var(--us-ok);stroke:var(--us-ok);animation:us-pop .45s ease-out}
.us-card[data-state=done] .us-check{stroke-dashoffset:0}
.us-card[data-state=exp] .us-label,.us-card[data-state=err] .us-label{color:var(--us-accent);font-weight:500;font-size:13px}
.us-foot{display:flex;align-items:center;gap:5px;margin-top:6px;padding-top:6px;border-top:1px solid var(--us-line);color:var(--us-muted);font-size:11px}
.us-foot svg{width:11px;height:11px;fill:var(--us-accent)}
.us-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@keyframes us-spin{to{transform:rotate(360deg)}}
@keyframes us-pulse{50%{transform:scale(.92)}}
@keyframes us-pop{40%{transform:scale(1.14)}}
@media (prefers-reduced-motion:reduce){.us-card *,.us-card{animation:none!important;transition:none!important}}