.jpCWEW_visual{aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:grid;position:relative;overflow:hidden}.jpCWEW_visual[data-panel]{background:radial-gradient(circle at 0% 100%, #22d3ee1a, transparent 55%), radial-gradient(circle at 100% 0%, #8b5cf61f, transparent 55%), var(--color-surface);align-content:center;padding:clamp(1rem,.5rem + 2.5vw,2rem) clamp(1rem,.5rem + 2.5vw,2rem) 3rem;overflow:visible}.jpCWEW_photo{width:100%;height:100%;display:block}.jpCWEW_image{transition:filter .5s}.jpCWEW_image[data-dim]{filter:saturate(.55)brightness(.6)}.jpCWEW_badge{bottom:var(--space-3);left:var(--space-3);max-width:calc(100% - 2 * var(--space-3));padding:var(--space-1) var(--space-3);color:#f4f4f6;font-family:ui-monospace,SF Mono,monospace;font-size:var(--font-size-xs);-webkit-backdrop-filter:blur(8px);background:#07070bb8;border-radius:999px;position:absolute}.jpCWEW_resize{fill:none;stroke:#22d3ee;stroke-width:2px;stroke-dasharray:10 6;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%;animation:jpCWEW_shrink 1.6s var(--ease-out) .2s both}@keyframes jpCWEW_shrink{0%{opacity:0;transform:scale(1)}30%{opacity:1}to{transform:scale(.62)}}.jpCWEW_head{stroke-linejoin:round;fill:#22d3ee24;stroke:#22d3ee;stroke-width:2px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%;animation:jpCWEW_pop .42s var(--ease-out) both;animation-delay:var(--delay)}.jpCWEW_head[data-species]{fill:color-mix(in srgb, var(--color) 30%, transparent);stroke:var(--color)}@keyframes jpCWEW_pop{0%{opacity:0;transform:scale(.2)}}.jpCWEW_patch{fill:none;stroke:#ffffff24;stroke-width:1px;vector-effect:non-scaling-stroke}.jpCWEW_token{fill:#a78bfa73;stroke:#c4b5fd;stroke-width:1.5px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:50%;animation:jpCWEW_pop .38s var(--ease-out) both;animation-delay:var(--delay)}.jpCWEW_skills{gap:var(--space-2);font-size:var(--font-size-sm);margin:0;padding:0;list-style:none;display:grid}.jpCWEW_skills li{gap:2px var(--space-3);padding:.375rem var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-elevated);animation:jpCWEW_row-in .42s var(--ease-out) both;animation-delay:var(--delay);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;display:grid}@keyframes jpCWEW_row-in{0%{opacity:0;transform:translate(-12px)}}.jpCWEW_skillLabel{color:var(--color-muted);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.jpCWEW_skillValue{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.jpCWEW_meter{background:var(--color-border-strong);border-radius:2px;grid-column:1;height:4px;overflow:hidden}.jpCWEW_meter>span{border-radius:inherit;background:var(--gradient-brand);transform-origin:0;height:100%;animation:jpCWEW_grow .7s var(--ease-out) both;animation-delay:calc(var(--delay) + .2s);display:block}@keyframes jpCWEW_grow{0%{transform:scaleX(0)}}.jpCWEW_skillScore{color:var(--color-muted);font-family:ui-monospace,monospace;font-size:var(--font-size-xs)}.jpCWEW_legend{inset:auto var(--space-3) var(--space-3);gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex;position:absolute}.jpCWEW_legend li{gap:var(--space-1);padding:2px var(--space-2);color:#f4f4f6;font-size:var(--font-size-xs);-webkit-backdrop-filter:blur(8px);background:#07070bb8;border-radius:999px;align-items:center;display:inline-flex}.jpCWEW_legend li:before{content:"";background:var(--color);border-radius:50%;width:.5rem;height:.5rem}.jpCWEW_count{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;display:grid}.jpCWEW_countBox{gap:var(--space-1);padding:var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg-elevated);align-content:start;display:grid}.jpCWEW_countBox[data-output]{border-style:solid;border-color:#10b98173}@property --n{syntax:"<integer>";inherits:false;initial-value:0}.jpCWEW_countValue{--n:var(--to);letter-spacing:-.04em;counter-reset:n var(--n);animation:jpCWEW_count 1.2s var(--ease-out) both;font-size:clamp(2rem,1.4rem + 2.5vw,3rem);font-weight:800;line-height:1}.jpCWEW_countValue:before{content:counter(n)}@keyframes jpCWEW_count{0%{--n:0}}.jpCWEW_countLabel{color:var(--color-muted);font-size:var(--font-size-xs)}.jpCWEW_countArrow{color:var(--color-accent-2);font-size:var(--font-size-lg);align-self:center}.jpCWEW_dots,.jpCWEW_stems{margin-top:var(--space-2);flex-wrap:wrap;gap:4px;display:flex}.jpCWEW_dots>span{width:9px;height:9px;animation:jpCWEW_pop .3s var(--ease-out) both;animation-delay:var(--delay);border:1.5px solid #22d3ee;border-radius:50%}.jpCWEW_stems>span{transform-origin:bottom;width:3px;height:22px;animation:jpCWEW_rise .4s var(--ease-out) both;animation-delay:calc(var(--delay) + .3s);background:linear-gradient(#34d399,#10b981);border-radius:2px}@keyframes jpCWEW_rise{0%{transform:scaleY(0)}}.jpCWEW_json{white-space:pre-wrap;overflow-wrap:anywhere;color:#a5f3fc;margin:0;font-family:ui-monospace,SF Mono,monospace;font-size:clamp(.6875rem,.6rem + .3vw,.8125rem);line-height:1.5}.jpCWEW_json span{animation:.3s both jpCWEW_fade;animation-delay:var(--delay)}@keyframes jpCWEW_fade{0%{opacity:0}}.jpCWEW_srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-color-scheme:light){.jpCWEW_json{color:#0e7490}}@media (prefers-reduced-motion:reduce){.jpCWEW_resize{animation:none;transform:scale(.62)}}
._4JfspW_explorer{gap:var(--space-8);display:grid}._4JfspW_hint{margin:0 0 calc(var(--space-4) * -1);color:var(--color-subtle);font-size:var(--font-size-sm)}._4JfspW_flow{--dot:2.25rem;grid-template-columns:repeat(var(--count), minmax(0, 1fr));align-items:start;display:grid;position:relative}._4JfspW_track{top:calc(var(--dot) / 2 - 1px);right:calc(100% / var(--count) / 2);left:calc(100% / var(--count) / 2);background:var(--color-border-strong);border-radius:2px;height:2px;position:absolute}._4JfspW_fill{width:calc(100% * var(--p));border-radius:inherit;transition:width .7s var(--ease-out);background:repeating-linear-gradient(90deg,#ffffff8c 0 6px,#0000 6px 18px) 0 0/18px 100%,linear-gradient(90deg,#34d399,#22d3ee 55%,#a78bfa) 0 0/100% 100%;animation:.9s linear infinite _4JfspW_flow;position:absolute;inset:0 auto 0 0}._4JfspW_fill:after{content:"";background:#a5f3fc;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;right:-5px;translate:0 -50%;box-shadow:0 0 12px 3px #22d3eeb3}@keyframes _4JfspW_flow{to{background-position:18px 0,0 0}}._4JfspW_node{gap:var(--space-2);min-width:0;color:var(--color-muted);font:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-items:center;padding:0 2px;display:grid}._4JfspW_node:focus-visible{outline:none}._4JfspW_dot{z-index:1;width:var(--dot);height:var(--dot);border:1px solid var(--color-border-strong);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-sm);transition:background-color var(--duration-fast) ease, border-color var(--duration-fast) ease, box-shadow .3s var(--ease-out), color var(--duration-fast) ease;border-radius:50%;place-items:center;font-weight:700;display:grid;position:relative}._4JfspW_node:hover ._4JfspW_dot{border-color:#22d3ee}._4JfspW_node:focus-visible ._4JfspW_dot{outline:2px solid var(--color-accent-2);outline-offset:3px}._4JfspW_node[data-done] ._4JfspW_dot{background:color-mix(in srgb, #22d3ee 16%, var(--color-bg));border-color:#22d3ee99}._4JfspW_node[aria-selected=true] ._4JfspW_dot{background:var(--gradient-brand);color:var(--color-on-accent);border-color:#0000;box-shadow:0 0 0 5px #22d3ee2e}._4JfspW_nodeTitle{font-size:var(--font-size-xs);text-wrap:balance;font-weight:500;line-height:1.35;display:none}._4JfspW_node[aria-selected=true] ._4JfspW_nodeTitle,._4JfspW_node:hover ._4JfspW_nodeTitle{color:var(--color-text)}@media (min-width:60rem){._4JfspW_flow{--dot:2.5rem}._4JfspW_nodeTitle{font-size:var(--font-size-sm);display:block}}._4JfspW_stage{gap:var(--space-6);align-items:start;display:grid}@media (min-width:44rem){._4JfspW_stage{grid-template-columns:minmax(0,19rem) minmax(0,1fr)}}@media (min-width:56rem){._4JfspW_stage{gap:var(--space-10);grid-template-columns:minmax(0,25rem) minmax(0,1fr)}}._4JfspW_visualCol{width:100%;max-width:30rem;animation:_4JfspW_stage-in .42s var(--ease-out) both;justify-self:center}._4JfspW_panel{gap:var(--space-4);min-width:0;animation:_4JfspW_stage-in .42s var(--ease-out) 60ms both;align-content:start;display:grid}@keyframes _4JfspW_stage-in{0%{opacity:0;transform:translateY(8px)}}._4JfspW_meta{gap:var(--space-2) var(--space-3);flex-wrap:wrap;align-items:center;display:flex}._4JfspW_counter{color:var(--color-muted);font-size:var(--font-size-sm)}._4JfspW_tag{padding:2px var(--space-3);color:#34d399;font-size:var(--font-size-sm);background:#10b98124;border-radius:999px;font-weight:600}._4JfspW_title{letter-spacing:-.02em;text-wrap:balance;overflow-wrap:break-word;margin:0;font-size:clamp(1.375rem,1.1rem + 1vw,1.875rem);line-height:1.2}._4JfspW_text{color:var(--color-muted);text-wrap:pretty;margin:0;line-height:1.65}._4JfspW_io{gap:var(--space-2);margin:0;display:grid}@media (min-width:40rem){._4JfspW_io{grid-template-columns:minmax(0,1fr) 1.5rem minmax(0,1fr);align-items:stretch}}._4JfspW_ioBox{gap:var(--space-1);min-width:0;padding:var(--space-3) var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);align-content:start;display:grid}._4JfspW_ioBox[data-output]{background:#10b9810d;border-style:solid;border-color:#10b98173}._4JfspW_ioBox dt{color:var(--color-muted);font-size:var(--font-size-xs);letter-spacing:.08em;text-transform:uppercase}._4JfspW_ioBox dd{font-family:ui-monospace,SF Mono,monospace;font-size:var(--font-size-sm);overflow-wrap:anywhere;margin:0}._4JfspW_ioArrow{background:#22d3ee;justify-self:center;width:2px;height:1rem;position:relative}._4JfspW_ioArrow:after{content:"";border-bottom:2px solid #22d3ee;border-right:2px solid #22d3ee;width:7px;height:7px;position:absolute;bottom:-2px;left:50%;translate:-50%;rotate:45deg}@media (min-width:40rem){._4JfspW_ioArrow{align-self:center;width:100%;height:2px}._4JfspW_ioArrow:after{inset:50% 0 auto auto;translate:0 -50%;rotate:-45deg}}._4JfspW_pager{gap:var(--space-3);padding-top:var(--space-2);justify-content:space-between;align-items:center;display:flex}._4JfspW_pagerButton{min-height:2.5rem;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border-strong);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);white-space:nowrap;cursor:pointer;background:0 0;border-radius:999px}._4JfspW_pagerButton:hover:not(:disabled){background:var(--color-surface-hover)}._4JfspW_pagerButton:disabled{opacity:.35;cursor:default}._4JfspW_pagerButton:focus-visible,._4JfspW_autoButton:focus-visible{outline:2px solid var(--color-accent-2);outline-offset:2px}._4JfspW_autoButton{border:1px solid var(--color-border-strong);width:2.5rem;height:2.5rem;color:var(--color-muted);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}._4JfspW_autoButton:hover{color:var(--color-text)}._4JfspW_clock{transform-origin:bottom;background:#22d3ee38;position:absolute;inset:0;transform:scaleY(0)}._4JfspW_explorer[data-running] ._4JfspW_clock{animation:_4JfspW_clock var(--auto) linear forwards}._4JfspW_explorer[data-running]:hover ._4JfspW_clock{animation-play-state:paused}@keyframes _4JfspW_clock{to{transform:scaleY(1)}}._4JfspW_pauseIcon{border-left:3px solid;border-right:3px solid;width:10px;height:12px;position:relative}@media (prefers-reduced-motion:reduce){._4JfspW_fill{animation:none}}