.bz{background:var(--t);color:var(--i);border:1px solid color-mix(in oklab, var(--i) 14%, transparent);border-radius:2rem;padding:.5rem}.bz>.bz-core{background:var(--surface);color:var(--ink);box-shadow:inset 0 1px 0 #ffffff73, var(--shadow-soft);border-radius:1.5rem;position:relative;overflow:hidden}.bz-stage{isolation:isolate;background:color-mix(in oklab, var(--t) 70%, var(--surface));border-radius:1.5rem;place-items:center;min-height:15rem;display:grid;position:relative;overflow:hidden}.bz-stage .bz-art{opacity:.4;z-index:-2;position:absolute;inset:0}.bz-stage:after{content:"";z-index:-1;background:radial-gradient(70% 70% at 50% 45%, color-mix(in oklab, var(--t) 40%, transparent), color-mix(in oklab, var(--t) 92%, var(--surface)) 100%);position:absolute;inset:0}.bz-bar{background:color-mix(in oklab, var(--i) 14%, var(--surface));border-radius:999px;height:6px;overflow:hidden}.bz-bar>span{background:var(--i);transform-origin:0;border-radius:999px;width:100%;height:100%;transition:transform .25s linear;display:block}.fig{width:100%;height:auto;max-height:21rem}.fig-r{--rf:color-mix(in oklab, var(--i) 20%, var(--surface));transform-box:fill-box;transform-origin:50%}.fig-r :is(rect,ellipse,circle){fill:var(--rf);stroke:var(--surface);stroke-width:3px;transition:fill .7s var(--ease-calm)}.fig-r[data-s=done]{--rf:color-mix(in oklab, var(--i) 38%, var(--surface))}.fig-r[data-s=focus]{--rf:color-mix(in oklab, var(--i) 58%, var(--surface));animation:fig-breathe 5s var(--ease-calm) infinite}.fig-r[data-s=tense]{--rf:color-mix(in oklab, var(--i) 86%, var(--surface));animation:fig-tense .7s var(--ease-calm) forwards}.fig-r[data-s=release]{--rf:color-mix(in oklab, var(--i) 40%, var(--surface));animation:fig-release 3.2s var(--ease-calm) forwards}.fig-r[data-s=shake]{--rf:color-mix(in oklab, var(--i) 70%, var(--surface));animation:.22s ease-in-out infinite alternate fig-shake}.fig-r[data-s=sway]{--rf:color-mix(in oklab, var(--i) 58%, var(--surface));animation:5s ease-in-out infinite alternate fig-sway}.fig-r[data-s=skipped] :is(rect,ellipse,circle){fill:#0000;stroke:color-mix(in oklab, var(--i) 40%, transparent);stroke-dasharray:4 5;stroke-width:1.6px}.fig-face{fill:none;stroke:color-mix(in oklab, var(--i) 45%, transparent);stroke-width:2.2px;stroke-linecap:round}.fig-seat{fill:color-mix(in oklab, var(--i) 16%, var(--surface))}@keyframes fig-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes fig-tense{0%{transform:scale(1.02)}to{transform:scale(.93)}}@keyframes fig-release{0%{transform:scale(.93)}35%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes fig-shake{0%{transform:translate(-2.5px)rotate(-1.6deg)}to{transform:translate(2.5px)rotate(1.6deg)}}@keyframes fig-sway{0%{transform:translate(-3px)rotate(-3deg)}to{transform:translate(3px)rotate(3deg)}}.cue-wrap{aspect-ratio:1;place-items:center;width:min(100%,19rem);display:grid;position:relative}.cue-ring{border:3px solid color-mix(in oklab, var(--i) 55%, transparent);background:color-mix(in oklab, var(--i) 9%, transparent);animation:cue var(--period,3s) ease-in-out infinite alternate;border-radius:999px;position:absolute;inset:4%}.cue-ring.b{opacity:.6;animation-delay:calc(var(--period,3s) * -.5);border-width:2px;inset:14%}.cue-ring[data-still=true]{animation:none;transform:scale(.96)}@keyframes cue{0%{opacity:.7;transform:scale(.9)}to{opacity:1;transform:scale(1.04)}}.orb-w{aspect-ratio:1;place-items:center;width:min(100%,17rem);display:grid;position:relative}.orb-core{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--i) 30%, var(--surface)), color-mix(in oklab, var(--i) 62%, var(--surface)));width:78%;box-shadow:0 30px 60px -30px color-mix(in oklab, var(--i) 60%, transparent);color:var(--ink);border-radius:999px;place-items:center;transition-property:transform;transition-timing-function:cubic-bezier(.45,0,.55,1);display:grid}.orb-halo{border:2px dashed color-mix(in oklab, var(--i) 35%, transparent);border-radius:999px;position:absolute;inset:0}.foot{transform-origin:50%;opacity:.25;fill:var(--i)}.foot-l[data-walk=true]{animation:foot-step var(--period,2.6s) ease-in-out infinite}.foot-r[data-walk=true]{animation:foot-step var(--period,2.6s) ease-in-out infinite;animation-delay:calc(var(--period,2.6s) * -.5)}.foot[data-walk=false]{opacity:.7}@keyframes foot-step{0%,to{opacity:.2;transform:translateY(6px)scale(.96)}40%{opacity:.95;transform:translateY(0)scale(1)}70%{opacity:.35}}.sw{background:color-mix(in oklab, var(--ink) 22%, var(--surface));width:3.25rem;height:2rem;transition:background-color .4s var(--ease-calm);border-radius:999px;flex:none;position:relative}.sw:after{content:"";background:var(--surface);width:1.5rem;height:1.5rem;transition:transform .4s var(--ease-calm);border-radius:999px;position:absolute;top:.25rem;left:.25rem;box-shadow:0 2px 6px #0003}[aria-checked=true]>.sw{background:var(--primary)}[aria-checked=true]>.sw:after{transform:translate(1.25rem)}@media (prefers-reduced-motion:reduce){.fig-r,.cue-ring,.foot,.orb-core,.bz-bar>span,.sw:after{transition:none!important;animation:none!important}.cue-ring{transform:none}.foot[data-walk=true]{opacity:.7}}.cue-fig{width:40%;position:relative}
