.signin-container{align-items:center;gap:.5rem;width:100%;display:flex}.user-capsule{background:var(--nav-btn-bg);border:1.5px solid var(--nav-btn-border);height:40px;color:var(--nav-btn-color);border-radius:50px;flex:1;align-items:center;gap:.6rem;min-width:0;padding:0 10px 0 6px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.user-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.user-capsule:hover{background:var(--nav-btn-hover-bg);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.user-avatar{border:1.5px solid var(--header-foreground);object-fit:cover;background:var(--background);border-radius:50%;flex-shrink:0;width:28px;height:28px}.btn-login,.btn-logout{text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.btn-login{background:var(--theme-overlay);color:var(--nav-btn-color);border:1px solid var(--nav-btn-border);height:40px;padding:0 1.5rem;font-size:.85rem;box-shadow:0 2px 5px #0003}.btn-login:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-logout{background:var(--theme-overlay);color:var(--nav-btn-color);border:1px solid var(--nav-btn-border);white-space:nowrap;flex-shrink:0;height:40px;padding:0 1.2rem;font-size:.8rem;box-shadow:0 2px 5px #0003}.btn-logout:hover{background:var(--header-foreground);color:var(--primary);border-color:var(--header-foreground);transform:translateY(-1px)}