.ug{--ug-play:running;width:100%;position:relative;container-type:inline-size}.ug-stage{aspect-ratio:600/520;position:relative}.ug-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ug-glow{filter:blur(6px)}.ug-node{fill:var(--color-ink);stroke:var(--color-brand-amber);stroke-width:2px}.ug-node--end{fill:var(--color-brand);stroke:#fff3e2}.ug-pulse{stroke-dasharray:.07 1;stroke-dashoffset:1.07px;opacity:0;filter:drop-shadow(0 0 6px #ffb45be6);transition:opacity .4s var(--ease-reveal)}.ug--solved .ug-pulse{opacity:1;animation:3.6s cubic-bezier(.45,0,.25,1) 1.1s infinite ug-travel;animation-play-state:var(--ug-play);transition-delay:1.1s}@keyframes ug-travel{0%{stroke-dashoffset:1.07px}70%,to{stroke-dashoffset:0}}.ug-pin,.ug-chip{white-space:nowrap;align-items:center;gap:.5em;font-size:clamp(11px,2.15cqw,13px);font-weight:800;line-height:1;display:inline-flex;position:absolute;translate:-50% -50%}.ug-pin{color:var(--color-ivory);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030d19b8;border:1px solid #f5f1ea38;border-radius:9999px;padding:.6em 1em}.ug-pin--end{background:var(--color-brand);color:var(--color-ink);opacity:.35;transition:opacity .5s var(--ease-reveal);border-color:#0000;box-shadow:0 14px 40px #ff6a2b59}.ug--solved .ug-pin--end{opacity:1;transition-delay:1.7s}.ug-icon{width:1.1em;height:1.1em}.ug-chip{color:#f5f1ead1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background-color .45s var(--ease-reveal), border-color .45s var(--ease-reveal), color .45s var(--ease-reveal);background:#101e2ce0;border:1px solid #f5f1ea29;border-radius:9999px;padding:.45em .95em .45em .45em;box-shadow:0 12px 30px #00000059}.ug-chip-icon{width:2em;height:2em;color:var(--color-brand-amber);transition:background-color .45s var(--ease-reveal), color .45s var(--ease-reveal);background:#f5f1ea14;border-radius:9999px;place-items:center;display:grid}.ug-chip-icon svg{width:1.05em;height:1.05em}.ug-chip-icon,.ug-chip-text{display:grid}.ug-chip-icon>*,.ug-chip-text>*{transition:opacity .3s var(--ease-reveal);grid-area:1/1}.ug-done{opacity:0}.ug--solved .ug-chip,.ug--solved .ug-chip-icon,.ug--solved .ug-chip-text>*,.ug--solved .ug-chip-icon>*{transition-delay:calc(1.25s + var(--i,0) * .17s)}.ug--solved .ug-chip{background:var(--color-paper);color:var(--color-ink);border-color:#ff6a2b8c}.ug--solved .ug-chip-icon{background:var(--color-brand);color:var(--color-ink)}.ug--solved .ug-todo{opacity:0}.ug--solved .ug-done{opacity:1}.ug-chip--restless{animation:2.8s ease-in-out infinite alternate ug-restless;animation-delay:calc(var(--i,0) * -.7s);animation-play-state:var(--ug-play)}@keyframes ug-restless{0%{translate:-50% -50%}to{translate:calc(3px - 50%) calc(-50% - 5px)}}.ug-toggle{min-height:44px;color:var(--color-ivory);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .18s var(--ease-reveal), background-color .18s var(--ease-reveal);background:#030d1980;border:1px solid #f5f1ea3d;border-radius:9999px;align-items:center;gap:.5rem;padding:0 1.1rem;font-size:14px;font-weight:700;display:inline-flex;position:absolute;bottom:8%;right:4%}.ug-toggle:hover{border-color:var(--color-brand-amber);background:#030d19bf}.ug-toggle svg{color:var(--color-brand-amber)}@media (prefers-reduced-motion:reduce){.ug--solved .ug-pulse{opacity:0;animation:none}.ug-chip--restless{animation:none}}