@keyframes su-in-fwd{0%{opacity:0;filter:blur(6px);transform:translate(32px)}to{opacity:1;filter:none;transform:none}}@keyframes su-in-back{0%{opacity:0;filter:blur(6px);transform:translate(-32px)}to{opacity:1;filter:none;transform:none}}@keyframes su-rise{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:none}}@keyframes su-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.14)}to{opacity:1;transform:scale(1)}}@keyframes su-ring{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@keyframes su-float{0%,to{transform:translate3d(0,0,var(--z,0px))}50%{transform:translate3d(0,-9px,var(--z,0px))}}@keyframes su-sweep{0%{transform:translate(-120%)skew(-18deg)}to{transform:translate(260%)skew(-18deg)}}@keyframes su-shimmer{0%{background-position:-160% 0}to{background-position:160% 0}}@keyframes su-draw{to{stroke-dashoffset:0}}@keyframes su-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes su-fade{0%{opacity:0}to{opacity:1}}.su-step-fwd{animation:su-in-fwd .56s var(--ease-out)backwards}.su-step-back{animation:su-in-back .56s var(--ease-out)backwards}.su-rise{animation:su-rise .62s var(--ease-out)backwards}.su-pop{animation:su-pop .42s var(--ease-out)backwards}.su-main{background:radial-gradient(900px 520px at 100% -10%,color-mix(in srgb,var(--voltage-500)9%,transparent),transparent 60%),radial-gradient(700px 480px at -10% 110%,color-mix(in srgb,var(--pulse-500)7%,transparent),transparent 60%),var(--paper)}.su-dots{background:radial-gradient(70% 50% at 50% 0,#ffffffb3,#0000 70%)}.su-stepper{align-items:center;display:flex}.su-step{flex:1 1 0;align-items:center;min-width:0;display:flex}.su-step:last-child{flex:none}.su-step-btn{border-radius:999px;align-items:center;gap:10px;padding:2px 4px 2px 2px;display:inline-flex}.su-step-btn:enabled{cursor:pointer}.su-step-btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--voltage-500)30%,transparent);outline:none}.su-step-dot{width:32px;height:32px;font-family:var(--font-mono),ui-monospace,monospace;color:var(--ink-400);border:1.5px solid var(--ink-200);transition:background-color var(--dur-slow)var(--ease-out),border-color var(--dur-slow)var(--ease-out),color var(--dur-slow)var(--ease-out),box-shadow var(--dur-slow)var(--ease-out);background:#fff;border-radius:999px;place-items:center;font-size:12px;display:grid;position:relative}.su-step[data-state=current] .su-step-dot{color:#fff;background:linear-gradient(135deg,var(--voltage-400),var(--voltage-600));box-shadow:0 8px 20px -8px color-mix(in srgb,var(--voltage-500)80%,transparent);border-color:#0000}.su-step[data-state=current] .su-step-dot:after{content:"";border-radius:inherit;border:2px solid var(--voltage-400);animation:su-ring 1.8s var(--ease-out)infinite;position:absolute;inset:-1px}.su-step[data-state=done] .su-step-dot{color:#fff;background:var(--voltage-500);border-color:#0000}.su-step-label{color:var(--ink-400);white-space:nowrap;transition:color var(--dur-slow)var(--ease-out);font-size:12.5px;font-weight:500}.su-step[data-state=current] .su-step-label{color:var(--ink-900)}.su-step[data-state=done] .su-step-label{color:var(--ink-600)}.su-step-line{background:color-mix(in srgb,var(--ink-100)55%,transparent);border-radius:2px;flex:auto;height:2px;margin:0 14px;position:relative;overflow:hidden}.su-step-line>span{transform-origin:0;background:color-mix(in srgb,var(--voltage-500)18%,transparent);transition:transform .7s var(--ease-out);position:absolute;inset:0;transform:scaleX(0)}.su-step[data-state=done] .su-step-line>span{transform:scaleX(1)}.su-note{border:1px solid color-mix(in srgb,var(--voltage-500)22%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--voltage-500)8%,#fff),color-mix(in srgb,var(--pulse-500)7%,#fff));border-radius:16px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex;position:relative}.su-org{--accent:var(--voltage-500);text-align:left;border:1px solid var(--ink-100);background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--ink-50)55%,#fff));width:100%;height:100%;transform-style:preserve-3d;cursor:pointer;transition:border-color var(--dur-base)var(--ease-out),box-shadow var(--dur-slow)var(--ease-out),background var(--dur-slow)var(--ease-out);border-radius:18px;align-items:flex-start;gap:14px;padding:16px 44px 16px 16px;display:flex;position:relative;box-shadow:inset 0 1px #fff,0 12px 26px -20px #0e111673}.su-org:hover{border-color:color-mix(in srgb,var(--accent)45%,var(--ink-100));box-shadow:inset 0 1px 0 #fff,0 24px 44px -24px color-mix(in srgb,var(--accent)60%,transparent)}.su-org[aria-pressed=true]{border-color:var(--accent);background:linear-gradient(160deg,color-mix(in srgb,var(--accent)11%,#fff),#fff 72%);box-shadow:0 0 0 1px var(--accent),0 28px 54px -26px color-mix(in srgb,var(--accent)75%,transparent)}.su-org:focus-visible{box-shadow:0 0 0 1px var(--accent),0 0 0 5px color-mix(in srgb,var(--accent)25%,transparent);outline:none}.su-org-icon{width:44px;height:44px;color:var(--accent);background:linear-gradient(145deg,color-mix(in srgb,var(--accent)22%,#fff),color-mix(in srgb,var(--accent)7%,#fff));box-shadow:inset 0 1px 0 #ffffffd9,0 12px 20px -12px color-mix(in srgb,var(--accent)85%,transparent);transition:background var(--dur-slow)var(--ease-out),color var(--dur-slow)var(--ease-out),transform .5s var(--ease-out);border-radius:13px;flex:none;place-items:center;display:grid;transform:translateZ(30px)}.su-org[aria-pressed=true] .su-org-icon{color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--accent)80%,#fff),color-mix(in srgb,var(--accent)82%,#000));transform:translateZ(40px)rotate(-6deg)}.su-org-text{min-width:0;padding-top:1px;display:block;transform:translateZ(16px)}.su-org-check{border:1.5px solid var(--ink-200);color:#fff;width:24px;height:24px;transition:background-color var(--dur-base)var(--ease-out),border-color var(--dur-base)var(--ease-out);background:#fff;border-radius:999px;place-items:center;display:grid;position:absolute;top:14px;right:14px;transform:translateZ(22px)}.su-org[aria-pressed=true] .su-org-check{border-color:var(--accent);background:var(--accent)}.su-org-badge{vertical-align:2px;font-family:var(--font-mono),ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb,var(--accent)12%,#fff);border:1px solid color-mix(in srgb,var(--accent)30%,transparent);border-radius:999px;margin-left:6px;padding:2px 7px;font-size:9.5px;display:inline-block}.su-chip{--accent:var(--voltage-500);color:var(--ink-600);border:1px solid var(--ink-200);transition:all var(--dur-base)var(--ease-out);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 11px;font-size:12.5px;font-weight:500;display:inline-flex}.su-chip:hover{border-color:var(--accent);color:var(--accent)}.su-chip[aria-pressed=true]{color:#fff;background:var(--accent);box-shadow:0 8px 18px -10px var(--accent);border-color:#0000}.su-label{font-family:var(--font-mono),ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-500);margin-bottom:7px;font-size:10.5px;display:block}.su-input{border:1.5px solid var(--ink-100);min-width:0;transition:border-color var(--dur-base)var(--ease-out),box-shadow var(--dur-base)var(--ease-out);background:#fff;border-radius:14px;align-items:stretch;display:flex;box-shadow:0 1px 2px #0e11160a}.su-input:focus-within{border-color:var(--voltage-500);box-shadow:0 0 0 4px color-mix(in srgb,var(--voltage-500)14%,transparent),0 10px 24px -16px color-mix(in srgb,var(--voltage-500)60%,transparent)}.su-input[data-state=ok]{border-color:#16a06a}.su-input[data-state=ok]:focus-within{box-shadow:0 0 0 4px #16a06a24}.su-input[data-state=bad]{border-color:#dc2626}.su-input[data-state=bad]:focus-within{box-shadow:0 0 0 4px #dc26261f}.su-input input{min-width:0;color:var(--ink-900);background:0 0;outline:none;flex:auto;padding:12px 14px;font-size:14.5px}.su-input input::placeholder{color:var(--ink-300)}.su-input-icon{color:var(--ink-400);transition:color var(--dur-base)var(--ease-out);place-items:center;padding-left:14px;display:grid}.su-input:focus-within .su-input-icon{color:var(--voltage-500)}.su-input-suffix{background:var(--ink-50);color:var(--ink-500);font-family:var(--font-mono),ui-monospace,monospace;white-space:nowrap;border-radius:0 12px 12px 0;align-items:center;padding:0 14px;font-size:12.5px;display:flex}.su-meter{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.su-meter>span{background:var(--ink-100);border-radius:4px;height:4px;overflow:hidden}.su-meter>span>i{transform-origin:0;background:var(--meter,var(--voltage-500));height:100%;transition:transform .42s var(--ease-out),background-color .3s var(--ease-out);display:block;transform:scaleX(0)}.su-meter>span[data-on=true]>i{transform:scaleX(1)}.su-cta{color:#fff;background:linear-gradient(135deg,var(--voltage-400),var(--voltage-600));box-shadow:inset 0 1px 0 #ffffff40,0 14px 30px -12px color-mix(in srgb,var(--voltage-500)80%,transparent);transition:transform var(--dur-base)var(--ease-out),box-shadow var(--dur-base)var(--ease-out),opacity var(--dur-base)var(--ease-out);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.su-cta:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:40%;position:absolute;top:0;bottom:0;left:0;transform:translate(-120%)skew(-18deg)}.su-cta:enabled:hover{box-shadow:inset 0 1px 0 #ffffff4d,0 20px 40px -14px color-mix(in srgb,var(--voltage-500)90%,transparent);transform:translateY(-2px)}.su-cta:enabled:hover:after{animation:su-sweep .9s var(--ease-out)}.su-cta:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--voltage-400);outline:none}.su-cta:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.su-cta svg{transition:transform var(--dur-base)var(--ease-out)}.su-cta:enabled:hover svg:last-child{transform:translate(3px)}.su-aside{background:var(--ink-900)}.su-scene{perspective:1500px;perspective-origin:50% 40%}.su-device{transform-style:preserve-3d;transform:rotateX(calc(16deg - var(--py,0)*8deg))rotateY(calc(-22deg + var(--px,0)*12deg))rotateZ(2deg);transition:transform .9s var(--ease-out);position:relative}.su-layer{border:1px solid color-mix(in srgb,var(--pulse-400)12%,transparent);background:linear-gradient(150deg,color-mix(in srgb,var(--voltage-500)12%,transparent),#0e111659);border-radius:24px;position:absolute;inset:0}.su-panel{border:1px solid color-mix(in srgb,var(--pulse-400)20%,transparent);transform-style:preserve-3d;background:linear-gradient(160deg,#262d3af7,#0d1015fa);border-radius:24px;position:relative;box-shadow:0 60px 120px -50px #000000f2,inset 0 1px #ffffff0f}.su-panel-chunk{transform:translateZ(18px)}.su-float{transition:opacity .5s var(--ease-out);animation:7s ease-in-out infinite su-float;position:absolute}.su-glass{-webkit-backdrop-filter:blur(12px);background:linear-gradient(160deg,#ffffff1f,#ffffff0a);border:1px solid #ffffff29;box-shadow:0 24px 50px -22px #000c,inset 0 1px #ffffff1a}.su-skel{background:linear-gradient(90deg,#ffffff0f 20%,color-mix(in srgb,var(--pulse-400)20%,transparent)50%,#ffffff0f 80%);background-size:200% 100%;border-radius:6px;animation:1.6s linear infinite su-shimmer}.su-swap{animation:su-fade .42s var(--ease-out)backwards}.su-done{z-index:60;background:color-mix(in srgb,var(--ink-900)72%,transparent);-webkit-backdrop-filter:blur(10px);animation:su-fade .3s var(--ease-out)backwards;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.su-done-check circle{stroke-dasharray:160;stroke-dashoffset:160px;animation:su-draw .7s var(--ease-out).12s forwards}.su-done-check path{stroke-dasharray:31;stroke-dashoffset:31px;animation:su-draw .42s var(--ease-out).64s forwards}.su-done-bar{transform-origin:0;animation:su-grow 1.3s var(--ease-standard)backwards}@media (prefers-reduced-motion:reduce){.su-step-fwd,.su-step-back,.su-rise,.su-pop,.su-float,.su-skel,.su-swap,.su-done,.su-done-bar,.su-step[data-state=current] .su-step-dot:after{animation:none!important}.su-cta:enabled:hover:after{animation:none}.su-device{transition:none;transform:rotateX(12deg)rotateY(-16deg)rotate(2deg)}.su-done-check circle,.su-done-check path{stroke-dashoffset:0;animation:none}}