.vibe-account{--account-accent:#335e52;--account-surface:#fff;--account-ink:#202827;--account-muted:#68706e;--account-border:#e7eae8;--account-hover:#f4f7f5;--account-radius:14px;--account-avatar-size:36px;font-family:inherit;color:var(--account-ink);position:relative;min-width:0}
.vibe-account *{box-sizing:border-box}.vibe-account button,.vibe-account a{font:inherit;letter-spacing:normal;text-transform:none}.vibe-account button{cursor:pointer}.vibe-account button:disabled{cursor:wait;opacity:.55}.vibe-account [hidden]{display:none!important}
.vibe-account-trigger,.vibe-account-login{display:flex;align-items:center;gap:10px;border:1px solid transparent;background:transparent;color:var(--account-ink);border-radius:var(--account-radius);padding:7px;min-height:44px;max-width:100%;text-align:left;box-shadow:none}
.vibe-account-login{font-size:.875rem;color:var(--account-accent)}.vibe-account-trigger:hover,.vibe-account-login:hover{background:var(--account-hover)}.vibe-account-compact .vibe-account-trigger-copy{display:none}.vibe-account-trigger>svg{width:14px;flex-shrink:0;color:var(--account-muted)}
.vibe-account-avatar{width:var(--account-avatar-size);height:var(--account-avatar-size);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;background:var(--account-hover);color:var(--account-accent);font-size:.875rem;font-weight:650;border:1px solid var(--account-border)}.vibe-account-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.vibe-account-trigger-copy{display:grid;min-width:0;gap:3px}.vibe-account-trigger-copy strong{font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vibe-account-trigger-copy small{font-size:.75rem;color:var(--account-muted)}
.vibe-account-panel{position:fixed;z-index:1000;width:310px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;border:1px solid var(--account-border);border-radius:var(--account-radius);background:var(--account-surface);color:var(--account-ink);padding:8px;box-shadow:0 12px 44px #18282426;scrollbar-width:thin;text-align:left;line-height:1.45}
.vibe-account-heading{display:flex;align-items:center;gap:12px;padding:12px 10px 6px}.vibe-account-heading .vibe-account-avatar{--account-avatar-size:44px}.vibe-account-heading>div{display:grid;min-width:0;overflow-wrap:anywhere}.vibe-account-heading strong{font-size:1rem}.vibe-account-heading span:not(.vibe-account-avatar){font-size:.875rem;color:var(--account-muted)}
.vibe-account-identity{display:flex;gap:6px;align-items:center;padding:0 10px 12px;color:var(--account-muted);font-size:.75rem}.vibe-account-identity svg{flex-shrink:0}.vibe-account-item{margin:0;display:flex;align-items:center;gap:10px;width:100%;padding:11px 10px;min-height:42px;border:0;border-radius:8px;background:transparent;color:var(--account-ink);font-size:.875rem!important;font-weight:400!important;text-align:left;text-decoration:none;box-shadow:none;white-space:normal}
.vibe-account-item>svg{flex-shrink:0;color:var(--account-muted)}.vibe-account-item>svg:last-child:not(:first-child){margin-left:auto;width:14px}.vibe-account-item:hover{background:var(--account-hover);color:var(--account-accent)}.vibe-account-item>span{min-width:0;overflow-wrap:anywhere}.vibe-account-item strong,.vibe-account-item small{display:block}.vibe-account-item small{font-size:.75rem;color:var(--account-muted)}.vibe-account-item .vibe-account-avatar{--account-avatar-size:30px}
.vibe-account-section{border-top:1px solid var(--account-border);padding:12px 10px 4px;margin-top:6px;font-size:.75rem;color:var(--account-muted)}.vibe-account-hint{font-size:.75rem!important;line-height:1.5;margin:6px 10px 12px;color:var(--account-muted)}.vibe-account-divider{height:1px;background:var(--account-border);margin:6px 4px}.vibe-account-provider{padding:10px 10px 4px;font-size:.75rem;color:var(--account-muted);text-align:center}
.vibe-account :is(button,a):focus-visible{outline:2px solid var(--account-accent);outline-offset:2px}
@media(forced-colors:active){.vibe-account-panel,.vibe-account-avatar{border-color:CanvasText}.vibe-account :is(button,a):focus-visible{outline-color:Highlight}}