.hd-account-auth-shell,.hd-account-menu{box-sizing:border-box;color:var(--hd-account-text,#f8fafc);font-family:inherit}.hd-account-auth-shell{display:flex;min-height:var(--hd-account-auth-min-height,100vh);width:100%;align-items:center;justify-content:center;padding:4rem 1.5rem}.hd-account-auth-container{width:100%;max-width:28rem}.hd-account-auth-heading{margin-bottom:2rem;text-align:center}.hd-account-auth-brand{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--hd-account-accent,#22d3ee)}.hd-account-auth-title{margin:1rem 0 .5rem;font-family:var(--hd-account-heading-font,inherit);font-size:2rem;font-weight:700;line-height:1.2}.hd-account-auth-subtitle{margin:0;font-size:.9375rem}.hd-account-auth-subtitle,.hd-account-auth-support{color:var(--hd-account-muted,#cbd5e1);line-height:1.6}.hd-account-auth-support{margin-top:1.5rem;text-align:center;font-size:.875rem}.hd-account-auth-card{border:1px solid var(--hd-account-border,rgb(192 132 252/30%));border-radius:1rem;background:var(--hd-account-surface,#090a12);box-shadow:0 24px 80px rgb(0 0 0/35%)}.hd-account-auth-card-heading{padding:1.5rem 1.5rem 0}.hd-account-auth-card-title{margin:0;color:var(--hd-account-text,#f8fafc);font-family:var(--hd-account-heading-font,inherit);font-size:1.25rem;font-weight:600;line-height:1.4}.hd-account-auth-card-description{margin:.375rem 0 0;color:var(--hd-account-muted,#cbd5e1);font-size:.875rem;line-height:1.6}.hd-account-auth-card-content{padding:1.5rem}.hd-account-auth-card-content form{display:grid;gap:1rem}.hd-account-auth-card-footer{padding:0 1.5rem 1.5rem;color:var(--hd-account-muted,#cbd5e1);font-size:.875rem;line-height:1.6}.hd-account-auth-field{display:grid;gap:.5rem}.hd-account-auth-label{color:var(--hd-account-muted,#cbd5e1);font-size:.875rem;font-weight:500;line-height:1.4}.hd-account-auth-input{box-sizing:border-box;width:100%;min-width:0;height:2.75rem;border:1px solid var(--hd-account-border,rgb(192 132 252/30%));border-radius:.5rem;background:var(--hd-account-control,#030308);padding:.625rem .75rem;color:var(--hd-account-text,#f8fafc);font:inherit;font-size:1rem;line-height:1.5}.hd-account-auth-input::placeholder{color:var(--hd-account-muted,#cbd5e1);opacity:.65}.hd-account-auth-input:disabled{cursor:not-allowed;opacity:.6}.hd-account-auth-submit{display:flex;width:100%;min-height:2.75rem;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;border-radius:.5rem;background:var(--hd-account-primary,#a855f7);padding:.625rem 1rem;color:#fff;font:inherit;font-size:.875rem;font-weight:600;line-height:1.5;cursor:pointer}.hd-account-auth-submit:disabled{cursor:not-allowed;opacity:.6}.hd-account-auth-input:focus-visible,.hd-account-auth-submit:focus-visible,.hd-account-menu-action:focus-visible,.hd-account-menu-trigger:focus-visible{outline:2px solid var(--hd-account-accent,#22d3ee);outline-offset:3px}.hd-account-auth-notice{border:1px solid;border-radius:.5rem;padding:.75rem;font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}.hd-account-auth-notice[data-tone=error]{color:var(--hd-account-danger,#ef4444);background:color-mix(in srgb,var(--hd-account-danger,#ef4444) 10%,transparent)}.hd-account-auth-notice[data-tone=success]{color:var(--hd-account-success,#10b981);background:color-mix(in srgb,var(--hd-account-success,#10b981) 10%,transparent)}.hd-account-auth-notice[data-tone=info]{color:var(--hd-account-accent,#22d3ee);background:color-mix(in srgb,var(--hd-account-accent,#22d3ee) 10%,transparent)}.hd-account-avatar{display:inline-flex;width:2.25rem;height:2.25rem;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgb(255 255 255/15%);border-radius:50%;background:color-mix(in srgb,var(--hd-account-primary,#a855f7) 25%,#090a12);color:var(--hd-account-text,#f8fafc);font-size:.75rem;font-weight:900}.hd-account-avatar img{display:block;width:100%;height:100%;object-fit:cover}.hd-account-identity{display:flex;min-width:0;align-items:center;gap:.75rem}.hd-account-identity-text{min-width:0}.hd-account-identity-email,.hd-account-identity-handle,.hd-account-identity-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hd-account-identity-name{color:var(--hd-account-text,#f8fafc);font-size:.875rem;font-weight:700;line-height:1.4}.hd-account-identity-email,.hd-account-identity-handle{color:var(--hd-account-muted,#cbd5e1);font-size:.75rem;line-height:1.5}.hd-account-menu{position:relative}.hd-account-menu-trigger{display:flex;height:2.75rem;align-items:center;gap:.5rem;border:1px solid rgb(255 255 255/10%);border-radius:.75rem;background:rgb(0 0 0/35%);padding:0 .75rem 0 .625rem;color:var(--hd-account-text,#f8fafc);font:inherit;cursor:pointer;box-shadow:0 0 24px rgb(192 132 252/12%)}.hd-account-menu-trigger:hover{border-color:color-mix(in srgb,var(--hd-account-accent,#22d3ee) 30%,transparent);background:rgb(255 255 255/10%)}.hd-account-menu-trigger-label{max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:600}.hd-account-menu-chevron{flex-shrink:0;color:var(--hd-account-muted,#cbd5e1)}.hd-account-menu-chevron[data-open]{transform:rotate(180deg)}.hd-account-menu-panel{box-sizing:border-box;position:absolute;z-index:50;top:100%;right:0;width:18rem;max-width:calc(100vw - 2rem);margin-top:.75rem;border:1px solid rgb(255 255 255/10%);border-radius:1rem;background:var(--hd-account-menu-surface,#090a12);padding:.5rem;color:var(--hd-account-text,#f8fafc);box-shadow:0 24px 80px rgb(0 0 0/45%),0 0 36px rgb(34 211 238/10%)}.hd-account-menu-identity{margin-bottom:.5rem;border:1px solid rgb(255 255 255/10%);border-radius:.75rem;background:rgb(255 255 255/5%);padding:.75rem}.hd-account-menu-actions{display:grid;gap:.125rem}.hd-account-menu-action-slot{display:contents}.hd-account-menu-action{box-sizing:border-box;display:flex;width:100%;min-width:0;min-height:2.5rem;align-items:center;gap:.75rem;border:1px solid transparent;border-radius:.75rem;background:transparent;padding:.5rem .75rem;color:var(--hd-account-text,#f8fafc);font:inherit;font-size:.875rem;font-weight:600;line-height:1.5;text-align:left;text-decoration:none;cursor:pointer}.hd-account-menu-action:hover{background:rgb(255 255 255/10%)}.hd-account-menu-action[data-tone=danger]{margin-top:.375rem;color:var(--hd-account-danger,#ef4444);background:color-mix(in srgb,var(--hd-account-danger,#ef4444) 10%,transparent)}.hd-account-menu-action[data-tone=danger]:hover{background:color-mix(in srgb,var(--hd-account-danger,#ef4444) 20%,transparent)}.hd-account-menu-action:disabled,.hd-account-menu-action[aria-disabled=true]{cursor:not-allowed;opacity:.55}.hd-account-menu-icon{display:inline-flex;flex-shrink:0;align-items:center;color:var(--hd-account-accent,#22d3ee)}.hd-account-menu-icon svg{width:1rem;height:1rem}.hd-account-menu-action[data-tone=danger] .hd-account-menu-icon{color:inherit}.hd-account-menu-mobile .hd-account-auth-notice,.hd-account-menu-panel .hd-account-auth-notice{margin-top:.5rem}.hd-account-menu--mobile{width:100%}.hd-account-menu-mobile{border:1px solid rgb(255 255 255/10%);border-radius:1rem;background:rgb(0 0 0/30%);padding:.75rem}.hd-account-menu-mobile .hd-account-menu-identity{margin-bottom:.75rem;border:0;background:transparent;padding:0}.hd-account-menu-mobile .hd-account-menu-actions{gap:.5rem}.hd-account-menu-mobile .hd-account-menu-action{min-height:2.75rem;border-color:rgb(255 255 255/10%);background:rgb(255 255 255/5%)}.hd-account-menu-mobile .hd-account-menu-action[data-tone=danger]{margin-top:0;border-color:color-mix(in srgb,var(--hd-account-danger,#ef4444) 30%,transparent);background:color-mix(in srgb,var(--hd-account-danger,#ef4444) 10%,transparent)}.hd-account-web{--hd-account-accent:#22d3ee;--hd-account-primary:#9333ea;--hd-account-danger:#ff667a;--hd-account-success:#6ee7b7;--hd-account-heading-font:var(--font-exo2),system-ui,sans-serif;--hd-account-auth-min-height:calc(100vh - 18rem);--hd-account-surface:var(--hd-appearance-panel,#090a12);--hd-account-menu-surface:var(--hd-appearance-menu,#090a12);--hd-account-control:var(--hd-appearance-control,#030308)}.hd-account-web.hd-account-auth-shell a{color:var(--hd-account-accent)}.hd-account-web.hd-account-auth-shell a:hover{text-decoration:underline}.hd-account-web.hd-account-auth-shell a:focus-visible{outline:2px solid var(--hd-account-accent);outline-offset:3px}