.scene{--sc-dot:color-mix(in oklab, var(--foreground) 16%, transparent);--sc-ink-dot:color-mix(in oklab, var(--foreground) 55%, transparent);--sc-wave:color-mix(in oklab, var(--foreground) 32%, transparent);--sc-card:var(--background);--sc-card-border:var(--border);--sc-shadow:0 1px 2px #0000000a, 0 8px 24px -12px #0000001f;--sc-tempo:1;--sc-in:calc(.4s * var(--sc-tempo));--sc-switch:calc(.3s * var(--sc-tempo));--sc-out:calc(.25s * var(--sc-tempo));--sc-ease-enter:cubic-bezier(.33, 1, .68, 1);--sc-ease-exit:cubic-bezier(.32, 0, .67, 0);--sc-blur:2.5px;--sc-rise:8px;--p-red-bg:#ffe9e6;--p-red-fg:#a1181f;--p-red:#e44;--p-amber-bg:#fff1e1;--p-amber-fg:#936001;--p-green-bg:#e2f9eb;--p-green-fg:#047a50;--p-violet-bg:#eeebff;--p-violet-fg:#5b33ac;--p-blue:#0070f3;--p-blue-bg:#e2edfe;--p-gray-bg:color-mix(in oklab, var(--foreground) 7%, var(--sc-card));--p-gray-fg:var(--muted-foreground);--chart-1:#2a78d6;position:relative;container-type:inline-size}.dark .scene{--sc-dot:color-mix(in oklab, var(--foreground) 14%, transparent);--sc-shadow:0 1px 2px #0000004d, 0 12px 32px -16px #0009;--sc-card:#070707;--p-red-bg:color-mix(in oklab, #e44 14%, var(--background));--p-red-fg:#ff8981;--p-amber-bg:color-mix(in oklab, #f5a623 14%, var(--background));--p-amber-fg:#fdc377;--p-green-bg:color-mix(in oklab, #0c8 14%, var(--background));--p-green-fg:#79e0ad;--p-violet-bg:color-mix(in oklab, #8b5cf6 14%, var(--background));--p-violet-fg:#ae97ff;--p-blue:#67a4ff;--p-blue-bg:color-mix(in oklab, #0070f3 18%, var(--background));--chart-1:#3987e5}@supports (color:lab(0% 0 0)){.dark .scene{--sc-card:lab(1.98454% 0 0)}}.sc-frame{border:1px solid var(--hairline);background:var(--background);position:relative}.sc-handle{border:1px solid var(--border);background:var(--background);z-index:3;border-radius:2px;width:9px;height:9px;position:absolute}.sc-handle[data-c=tl]{top:-5px;left:-5px}.sc-handle[data-c=tr]{top:-5px;right:-5px}.sc-handle[data-c=bl]{bottom:-5px;left:-5px}.sc-handle[data-c=br]{bottom:-5px;right:-5px}.sc-dots{pointer-events:none;background-image:radial-gradient(circle at center, var(--sc-dot) 1px, transparent 1.3px);background-position:8px 8px;background-size:16px 16px;position:absolute;inset:0}.sc-dots[data-fade=edges]{-webkit-mask-image:radial-gradient(75% 70%,#000 35%,#0000 100%);mask-image:radial-gradient(75% 70%,#000 35%,#0000 100%)}.sc-dots[data-fade=out]{-webkit-mask-image:radial-gradient(70% 70%,#0000 30%,#000 100%);mask-image:radial-gradient(70% 70%,#0000 30%,#000 100%)}.sc-bars{pointer-events:none;contain:layout paint;align-items:flex-end;gap:4px;display:flex;position:absolute}.sc-bar{width:4px;height:var(--h);background-image:radial-gradient(circle at center, var(--sc-ink-dot) 1.1px, transparent 1.4px);clip-path:inset(0);animation:sc-breathe var(--dur,2.4s) ease-in-out var(--d,0s) infinite alternate;background-position:bottom;background-repeat:repeat-y;background-size:4px 6px}@keyframes sc-breathe{0%{clip-path:inset(0)}to{clip-path:inset(var(--dip,45%) 0 0 0)}}.sc-wave{pointer-events:none;contain:layout paint;animation:1s ease-out .2s both sc-fade;position:absolute;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000)}.sc-wave-track{width:max-content;height:100%;animation:sc-wave-scroll var(--wave-s,16s) linear infinite;display:flex}.sc-wave-strip{align-items:center;height:100%;display:flex}.sc-wave-col{width:6px;height:calc((var(--n) * 2 + 1) * 6px);background-image:radial-gradient(circle at center, var(--sc-wave) 1px, transparent 1.35px);background-position:50%;background-size:6px 6px}@keyframes sc-wave-scroll{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes sc-fade{0%{opacity:0}to{opacity:1}}.sc-axis{pointer-events:none;background-image:radial-gradient(circle at center, var(--sc-axis,var(--sc-wave)) 1px, transparent 1.35px);background-position:50%;background-size:6px 6px;height:6px}.sc-drift{opacity:var(--o,1);animation:sc-drift var(--T,8s) linear var(--d,0s) infinite both;will-change:transform, opacity}@keyframes sc-drift{0%{opacity:0;animation-timing-function:cubic-bezier(.25,.46,.45,.94);transform:translate(0)scale(.7)}5%{opacity:var(--o,1);animation-timing-function:linear;transform:translate(0)scale(1)}89%{opacity:var(--o,1);transform:translateX(var(--drift,30cqi)) scale(1);animation-timing-function:cubic-bezier(.25,.46,.45,.94)}94%,to{opacity:0;transform:translateX(var(--drift,30cqi)) scale(0)}}.sc-bob{animation:sc-bob var(--bob-s,4s) cubic-bezier(.45, 0, .55, 1) infinite alternate}@keyframes sc-bob{0%{transform:translateY(0)}to{transform:translateY(var(--bob,8px))}}.sc-feed-row{transition:grid-template-rows var(--sc-in) var(--sc-ease-enter);grid-template-rows:1fr;display:grid}.sc-feed-row[data-state=wait]{grid-template-rows:0fr}.sc-feed-in{min-height:0;overflow:hidden}.sc-feed-body{transition:opacity var(--sc-in) var(--sc-ease-enter) calc(var(--sc-in) * .35), transform var(--sc-in) var(--sc-ease-enter) calc(var(--sc-in) * .35), filter var(--sc-in) var(--sc-ease-enter) calc(var(--sc-in) * .35)}.sc-feed-row[data-state=wait] .sc-feed-body{opacity:0;transform:translateY(var(--sc-rise));filter:blur(var(--sc-blur));transition-delay:0s}.sc-feed{-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--sc-feed-fade,40px)), transparent);mask-image:linear-gradient(to bottom, #000 calc(100% - var(--sc-feed-fade,40px)), transparent);overflow:hidden}.sc-roll{white-space:pre;font-variant-numeric:tabular-nums;display:inline-flex}.sc-roll-digit{height:1lh;display:inline-block;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 22% 78%,#0000);mask-image:linear-gradient(#0000,#000 22% 78%,#0000)}.sc-roll-ghost{visibility:hidden}.sc-roll-strip{transform:translateY(calc(var(--n,0) * -1lh));transition:transform calc(var(--sc-in) * 2) var(--sc-ease-enter) var(--roll-d,0s);flex-direction:column;display:flex;position:absolute;inset:0 auto auto 0}.sc-roll-strip>span{height:1lh}.sc-card{border:1px solid var(--sc-card-border);background:var(--sc-card);box-shadow:var(--sc-shadow);border-radius:10px;position:relative}.sc-pill{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;height:20px;padding:0 8px;font-size:11.5px;font-weight:500;line-height:1;display:inline-flex}.sc-pill[data-tone=red]{background:var(--p-red-bg);color:var(--p-red-fg)}.sc-pill[data-tone=amber]{background:var(--p-amber-bg);color:var(--p-amber-fg)}.sc-pill[data-tone=green]{background:var(--p-green-bg);color:var(--p-green-fg)}.sc-pill[data-tone=violet]{background:var(--p-violet-bg);color:var(--p-violet-fg)}.sc-pill[data-tone=blue]{background:var(--p-blue-bg);color:var(--p-blue)}.sc-pill[data-tone=gray]{background:var(--p-gray-bg);color:var(--p-gray-fg)}.sc-icon[data-tone=red]{color:var(--p-red-fg)}.sc-icon[data-tone=amber]{color:var(--p-amber-fg)}.sc-icon[data-tone=green]{color:var(--p-green-fg)}.sc-icon[data-tone=violet]{color:var(--p-violet-fg)}.sc-icon[data-tone=blue]{color:var(--p-blue)}.sc-icon[data-tone=gray]{color:var(--muted-foreground)}.sc-btn{border:1px solid var(--border);background:var(--background);height:30px;color:var(--foreground);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:500;line-height:1;transition:background-color .15s cubic-bezier(.4,0,.2,1),opacity .15s;display:inline-flex}.sc-btn:hover{background:var(--muted)}.sc-btn[data-primary]{background:var(--ink);color:var(--paper);border-color:#0000}.sc-btn[data-primary]:hover{opacity:.85;background:var(--ink)}.sc-btn:focus-visible{outline:2px solid var(--p-blue);outline-offset:2px}.sc-in{opacity:0;transform:translate(var(--dx,0px), var(--dy,var(--sc-rise)));filter:blur(var(--sc-blur))}.scene.is-on .sc-in{animation:sc-arrive var(--sc-in) var(--sc-ease-enter) var(--d,0s) both}@keyframes sc-arrive{0%{opacity:0;transform:translate(var(--dx,0px), var(--dy,var(--sc-rise)));filter:blur(var(--sc-blur))}to{opacity:var(--o,1);filter:none;transform:none}}.sc-step{transition:opacity var(--sc-in) var(--sc-ease-enter), transform var(--sc-in) var(--sc-ease-enter), filter var(--sc-in) var(--sc-ease-enter)}.sc-step[data-state=wait]{opacity:0;transform:translateY(var(--sc-rise));filter:blur(var(--sc-blur))}.sc-step[data-state=on]{opacity:1;filter:none;transform:none}.sc-path{fill:none;stroke:var(--border);stroke-width:1.5px;stroke-dasharray:4 5}.sc-path[data-state=done]{stroke:var(--foreground);stroke-dasharray:none;transition:stroke .2s}.sc-pulse{fill:var(--foreground)}.sc-travel{transform-box:view-box;animation:.7s cubic-bezier(.4,0,.2,1) both sc-travel}@keyframes sc-travel{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:.25;transform:translateY(28px)}}.sc-dot-in{animation:sc-dot-in .42s cubic-bezier(.2, .7, .3, 1) var(--d,0s) both;transform-box:fill-box;transform-origin:50%}@keyframes sc-dot-in{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.sc-node-in{transform-box:fill-box;transform-origin:50%;animation:.45s cubic-bezier(.3,1.4,.4,1) .5s both sx-a-node}.scene:not(.is-on) *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.scene *{transition:none!important;animation:none!important}.scene .sc-in{opacity:var(--o,1)!important;filter:none!important;transform:none!important}.scene .sc-step[data-state=on]{filter:none!important}.scene .sc-bar{clip-path:none!important}.scene .sc-drift{left:var(--rest-l)!important;top:var(--rest-t)!important;opacity:var(--o,1)!important;transform:none!important}.scene .sc-drift[data-rest=none]{display:none!important}.sc-dot-in,.sc-node-in{opacity:1!important;animation:none!important;transform:none!important}}