:root{--bg:#fff;--bg-secondary:#f2f2f7;--label:#000;--label-secondary:#636366;--separator:#3c3c434a;--tint:#0f5f63;--tint-strong:#0a464a;--on-tint:#fff;--danger-text:#c4281f;--success-text:#1e7f36;--disabled-bg:#e5e5ea;--disabled-label:#636366;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#000;--bg-secondary:#1c1c1e;--label:#fff;--label-secondary:#aeaeb2;--separator:#54545899;--tint:#55c7c5;--tint-strong:#8ae4e1;--on-tint:#000;--danger-text:#ff6961;--success-text:#7ce89b;--disabled-bg:#2c2c2e;--disabled-label:#aeaeb2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--label);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,system-ui,Segoe UI,sans-serif}.app{background:var(--bg);flex-direction:column;min-height:100%;display:flex}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;min-height:72px;padding:12px 32px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--tint);width:32px;height:32px;color:var(--on-tint);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.wordmark{letter-spacing:-.01em;font-size:1.375rem;font-weight:700;line-height:1.27}.divider{background:var(--separator);width:1px;height:24px}.screen{color:var(--label-secondary);font-size:1rem;line-height:1.31}.connection{color:var(--label-secondary);align-items:center;gap:8px;font-size:.8125rem;font-weight:600;line-height:1.38;display:flex}.connection svg{flex:none}.connection .status-success{color:var(--success-text)}.workspace{flex:1;justify-content:center;align-items:center;padding:32px;display:flex}.content{flex-direction:column;align-items:center;gap:32px;width:640px;max-width:100%;display:flex}.intro{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.intro h1{letter-spacing:-.02em;margin:0;font-size:2.125rem;font-weight:700;line-height:1.21}.intro p{color:var(--label-secondary);margin:0;font-size:1.0625rem;line-height:1.29}.steps{flex-direction:column;gap:24px;width:100%;margin:0;padding:0;list-style:none;display:flex}.step{align-items:flex-start;gap:16px;display:flex}.step-number{background:var(--bg-secondary);min-width:32px;min-height:32px;color:var(--tint-strong);border-radius:999px;flex:none;justify-content:center;align-items:center;padding:4px;font-size:.8125rem;font-weight:600;line-height:1.38;display:flex}.step-text{flex-direction:column;flex:1;gap:4px;display:flex}.step-title{font-size:1.0625rem;font-weight:600;line-height:1.29}.step-explanation{color:var(--label-secondary);font-size:.8125rem;line-height:1.38}.notice{text-align:center;max-width:100%;margin:0;font-size:.8125rem;line-height:1.38}.notice-error{color:var(--danger-text)}.notice-success{color:var(--success-text)}.primary{background:var(--tint);width:320px;max-width:100%;min-height:48px;color:var(--on-tint);cursor:pointer;font:inherit;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:1.0625rem;font-weight:600;line-height:1.29;display:flex}@media (hover:hover){.primary:hover:not(:disabled){background:var(--tint-strong)}}.primary:active:not(:disabled){background:var(--tint-strong)}.primary:active:not(:disabled) span{opacity:.8}.primary:focus-visible{outline:2px solid var(--tint-strong);outline-offset:2px}.primary:disabled{background:var(--disabled-bg);color:var(--disabled-label);cursor:not-allowed}.scope{color:var(--label-secondary);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:0;font-size:.8125rem;line-height:1.38;display:flex}.scope svg{flex:none}.spinner{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}@media (width<=768px){.app-header{padding:12px 16px}.workspace{padding:24px 16px}.content{gap:24px}.intro h1{font-size:1.75rem}}@media (prefers-contrast:more){.divider{background:var(--label)}.screen,.connection,.intro p,.step-explanation,.scope{color:var(--label)}.primary{border:1px solid var(--on-tint)}}