.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;color:var(--account-ink);min-width:0;font-family:inherit;position:relative}.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{color:var(--account-ink);border-radius:var(--account-radius);text-align:left;max-width:100%;min-height:44px;box-shadow:none;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:7px;display:flex}.vibe-account-login{color:var(--account-accent);font-size:.875rem}.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;color:var(--account-muted);flex-shrink:0}.vibe-account-avatar{width:var(--account-avatar-size);height:var(--account-avatar-size);background:var(--account-hover);color:var(--account-accent);border:1px solid var(--account-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:650;display:inline-flex;overflow:hidden}.vibe-account-avatar img{object-fit:cover;width:100%;height:100%;display:block}.vibe-account-trigger-copy{gap:3px;min-width:0;display:grid}.vibe-account-trigger-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.vibe-account-trigger-copy small{color:var(--account-muted);font-size:.75rem}.vibe-account-panel{z-index:1000;overscroll-behavior:contain;border:1px solid var(--account-border);border-radius:var(--account-radius);background:var(--account-surface);width:310px;color:var(--account-ink);scrollbar-width:thin;text-align:left;padding:8px;line-height:1.45;position:fixed;overflow:hidden auto;box-shadow:0 12px 44px #18282426}.vibe-account-heading{align-items:center;gap:12px;padding:12px 10px 6px;display:flex}.vibe-account-heading .vibe-account-avatar{--account-avatar-size:44px}.vibe-account-heading>div{overflow-wrap:anywhere;min-width:0;display:grid}.vibe-account-heading strong{font-size:1rem}.vibe-account-heading span:not(.vibe-account-avatar){color:var(--account-muted);font-size:.875rem}.vibe-account-identity{color:var(--account-muted);align-items:center;gap:6px;padding:0 10px 12px;font-size:.75rem;display:flex}.vibe-account-identity svg{flex-shrink:0}.vibe-account-item{width:100%;min-height:42px;color:var(--account-ink);text-align:left;box-shadow:none;white-space:normal;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;margin:0;padding:11px 10px;text-decoration:none;display:flex;font-size:.875rem!important;font-weight:400!important}.vibe-account-item>svg{color:var(--account-muted);flex-shrink:0}.vibe-account-item>svg:last-child:not(:first-child){width:14px;margin-left:auto}.vibe-account-item:hover{background:var(--account-hover);color:var(--account-accent)}.vibe-account-item>span{overflow-wrap:anywhere;min-width:0}.vibe-account-item strong,.vibe-account-item small{display:block}.vibe-account-item small{color:var(--account-muted);font-size:.75rem}.vibe-account-item .vibe-account-avatar{--account-avatar-size:30px}.vibe-account-section{border-top:1px solid var(--account-border);color:var(--account-muted);margin-top:6px;padding:12px 10px 4px;font-size:.75rem}.vibe-account-hint{color:var(--account-muted);margin:6px 10px 12px;line-height:1.5;font-size:.75rem!important}.vibe-account-divider{background:var(--account-border);height:1px;margin:6px 4px}.vibe-account-provider{color:var(--account-muted);text-align:center;padding:10px 10px 4px;font-size:.75rem}.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}}
