@layer tokens {
:root {
  --comp-button-aria-current-page-color: #fff;
}
}

@layer legacy {
.cloud-account{overflow:auto}.cloud-account .login-screen{position:relative;min-height:100dvh;padding:36px 18px;isolation:isolate}.cloud-account .login-bg-orbs{position:fixed;z-index:-1}.cloud-account .account-card{max-width:540px;padding:36px 38px;overflow:visible;z-index:1}.cloud-account .account-card::before{pointer-events:none}.cloud-account .login-logo{margin-bottom:24px}.cloud-account .login-logo h1{font-size:38px}.cloud-account .logo-icon{width:58px;height:58px;font-size:30px;margin-bottom:12px}.cloud-account .login-subtitle{font-size:13px}.cloud-account h2{font-size:21px;color:var(--sys-on-surface);line-height:1.35}.cloud-account p{color:var(--sys-on-surface-variant);line-height:1.6}.access-description{font-size:13px;margin:10px 0 22px}.access-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 24px;padding-bottom:18px;border-bottom:1px solid var(--sys-border)}.access-tabs button{padding:7px 10px;border:1px solid transparent;border-radius:var(--sys-radius-sm);background:transparent;color:var(--sys-on-surface-variant);font-size:12px;cursor:pointer}.access-tabs button:hover{background:var(--sys-surface-hover);color:var(--sys-on-surface)}.access-tabs button[aria-current=page]{background:var(--sys-accent-gradient);color:var(--comp-button-aria-current-page-color);border-color:var(--sys-border-strong)}.cloud-account .form-group{margin-bottom:17px}.cloud-account .form-group input{width:100%}.cloud-account .btn-enter{text-decoration:none;justify-content:center;gap:14px}.cloud-account .code-actions{margin-top:16px}.cloud-account .code-actions button{font-size:13px}.cloud-account .actions,.cloud-account .heading{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:20px 0}.cloud-account .heading{justify-content:space-between}.cloud-account .actions button{font-size:12px}.cloud-account #notice{min-height:18px;margin:18px 0 0;color:var(--sys-on-surface);font-size:13px;overflow-wrap:anywhere}.cloud-account #notice:empty{min-height:0;margin:0}.cloud-account #notice[data-error=true]{color:var(--sys-status-danger)}.cloud-account #administration{margin-top:26px;padding-top:6px;border-top:1px solid var(--sys-border)}.cloud-account #administration h2{font-size:17px}.cloud-account .person{padding:15px 0;border-bottom:1px solid var(--sys-border);display:flex;align-items:center;justify-content:space-between;gap:12px}.cloud-account .person p{margin:4px 0;font-size:12px;overflow-wrap:anywhere}.cloud-account .person button{padding:8px 10px;font-size:12px;border-radius:var(--sys-radius-sm);background:var(--sys-surface-control);color:var(--sys-on-surface);border:1px solid var(--sys-border);cursor:pointer}.cloud-account .person .actions{margin:0}.cloud-account .login-theme-row{margin-top:22px;padding-top:18px;border-top:1px solid var(--sys-border)}.cloud-account #session>p{margin:10px 0 18px}
@media(max-width:560px){.cloud-account .login-screen{padding:20px 12px}.cloud-account .account-card{padding:26px 22px}.cloud-account .login-logo h1{font-size:34px}.cloud-account .person{align-items:flex-start;flex-direction:column}.cloud-account .access-tabs{gap:3px}.cloud-account .access-tabs button{font-size:11px;padding:7px 8px}}
.cloud-account .organization-memory{display:flex;align-items:center;gap:8px;margin:-6px 0 20px;font-size:12px;line-height:1.5;color:var(--sys-on-surface-variant);cursor:pointer}
.cloud-account .organization-memory input{width:16px;height:16px;flex-shrink:0;margin:0;accent-color:var(--sys-accent);cursor:pointer}

.cloud-account .login-screen{padding:calc(36px + env(safe-area-inset-top)) calc(18px + env(safe-area-inset-right)) calc(36px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left))}
@media(max-width:560px){.cloud-account .login-screen{padding:calc(20px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}}
.cloud-account .organization-memory[hidden]{display:none}
.cloud-account .login-theme-row{flex-wrap:wrap;gap:8px}
.cloud-account #github-section{margin-top:22px}.cloud-account #github-section .actions a{text-decoration:none;font-size:12px}.cloud-account #github-authorized h3{margin:18px 0 0;font-size:14px;color:var(--sys-on-surface)}.cloud-account #github-section code{font-size:12px}
}