.betaTransition[hidden]{display:none!important}
.betaTransition{box-sizing:border-box;width:100%;padding:30px 24px;margin:20px 0;border:1px solid #e0e5f0;border-radius:18px;background:#f8faff;color:#252d40;text-align:center;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;outline:none}
.betaTransitionBrand{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:650;letter-spacing:-.02em}
.betaTransitionBrand>span{padding:3px 6px;border-radius:5px;background:#e9edff;color:#465dd2;font-size:10px;letter-spacing:.02em}
.betaTransitionSpinner{box-sizing:border-box;width:46px;height:46px;margin:25px auto 22px;border:3px solid #dfe5fa;border-top-color:#465dd2;border-right-color:#465dd2;border-radius:50%;animation:betaTransitionSpin 1s linear infinite}
.betaTransition h2{margin:0;font-size:21px;font-weight:650;line-height:1.45;letter-spacing:-.025em}
.betaTransitionDetail{margin:10px auto 0;max-width:340px;font-size:13px;line-height:1.8;color:#667085}
.betaTransitionSteps{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:24px 0;font-size:11px;color:#8a93a5;counter-reset:step}
.betaTransitionSteps li{display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:7px;counter-increment:step}
.betaTransitionSteps li:before{content:counter(step);display:grid;place-items:center;width:16px;height:16px;font-size:10px;background:#e9edf4;color:#8791a3;border-radius:50%}
.betaTransitionSteps .is-complete{color:#348575}
.betaTransitionSteps .is-complete:before{content:"✓";background:#e3f3ed;color:#348575}
.betaTransitionSteps .is-active{color:#465dd2;background:#e9edff;font-weight:600}
.betaTransitionSteps .is-active:before{background:#465dd2;color:white}
.betaTransitionHint{margin:0;font-size:12px;line-height:1.8;color:#667085}
.betaTransitionElapsed{min-height:18px;margin:7px 0 0;color:#8a93a5;font-size:11px;line-height:1.6;font-variant-numeric:tabular-nums}
.betaTransition[data-state="error"]{background:#fffbf5;border-color:#f0dfc6}
.betaTransition[data-state="error"] .betaTransitionSpinner{display:grid;place-items:center;border:0;background:#f9edda;color:#a66d27;animation:none}
.betaTransition[data-state="error"] .betaTransitionSpinner:after{content:"!";font-size:25px;font-weight:600}
.betaTransitionPage{box-sizing:border-box;display:grid;place-items:center;min-height:100vh;min-height:100svh;margin:0;padding:24px;background:#f4f6fa}
.betaTransitionPage .betaTransition{max-width:470px;margin:0;padding:36px 28px;background:#fff;box-shadow:0 10px 40px #25324a08}
.betaTransitionPage button{margin-top:18px;padding:10px 18px;border:0;border-radius:8px;background:#465dd2;color:white;font:inherit;cursor:pointer}
[data-theme="dark"] .betaTransition{background:#222838;border-color:#394258;color:#eef1f8}
[data-theme="dark"] .betaTransitionDetail,[data-theme="dark"] .betaTransitionHint{color:#acb5c8}
[data-theme="dark"] .betaTransitionBrand>span,[data-theme="dark"] .betaTransitionSteps .is-active{background:#303b62;color:#becaff}
[data-theme="dark"] .betaTransitionSpinner{border-color:#394258;border-top-color:#9aafff;border-right-color:#9aafff}
[data-theme="dark"] .betaTransitionSteps .is-complete{color:#9edbc5}
[data-theme="dark"] .betaTransitionSteps .is-complete:before{background:#263f3b;color:#9edbc5}
[data-theme="dark"] .betaTransition[data-state="error"]{background:#302a23;border-color:#584733}
[data-theme="dark"] .betaTransitionPage{background:#171b24}
@keyframes betaTransitionSpin{to{transform:rotate(360deg)}}
@media(max-width:480px){.betaTransition{padding:26px 16px}.betaTransition h2{font-size:19px}.betaTransitionSteps{gap:3px}.betaTransitionSteps li{padding:6px}}
@media(prefers-reduced-motion:reduce){.betaTransitionSpinner{animation:none}}